代码生成图片——carbon

前沿技术

  你是否在社交平台上见过各种大神分享自己的代码比如像这样的,那么你想知道这些令人印象深刻的图片是怎么生成的吗?今天给大家分享一个GitHub上的开源项目——carbon。

  carbon是一款代码生成图片的神器,目前已经有30K+的star

  下面是GitHub的地址

  https://github.com/carbon-app/carbon

  首先我们打开这个地址,感兴趣的小伙伴可以把它的源码下载下来,我们这里只介绍的它的使用方法。

  第一步肯定是看readme文档,我们把语言切换成简体中文,然后下拉可以看到他的在线网址以及编辑器的插件。

  在线carbon

  我们打开这个网址就进入到了carbon的首页,同样我把网址放到下面。

  https://carbon.now.sh/

  页面非常简洁,我们用到的主要是这四个功能栏。第一个功能栏可以调整代码的风格和样式,大家根据自己的喜好去选择。

  第二个功能栏是语言选项,它非常多的语言语法。

  第三个是设置,我们可以调整编辑器的风格(mac风格或者是win风格),还可以调整字体行距等等。

  完成这些步骤之后我们就可以导出图片了,点击export选择导出的图片格式(png/svg)就可以了,这样当你下次分享自己的代码的时候就可以有不同的风格啦。

  插件carbon

  有的小伙伴可以觉得在线网址太麻烦每次还得打开复制进去才可以,那么你可以试试carbon的插件形式(这里我以IDEA为例)。

  首先我们打开IDEA的插件下载市场,搜索carbon-now-sh,然后点击install就可以了。

  使用的时候我们只需要选中我们想要分享的代码,然后右键->open in carbon-now-sh,代码就会自动填充到编辑器了,是不是很方便。

  最后,希望我的分享能帮助到大家。

标签: 前沿技术