代码生成图片-carbon

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

代码生成图片——carbon

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


代码生成图片——carbon

下面是GitHub的地址

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

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

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

代码生成图片——carbon


代码生成图片——carbon

在线carbon

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

https://carbon.now.sh/

代码生成图片——carbon

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

代码生成图片——carbon

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

代码生成图片——carbon

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

代码生成图片——carbon

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

代码生成图片——carbon

插件carbon

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

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

代码生成图片——carbon

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

代码生成图片——carbon

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

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章