我在推特上关注了很多国外的程序员大佬,包括一些著名框架的官方团队,比如 Facebook 的 React 开发团队,我经常能看到他们在推特中分享一些代码片段,是以图片的方式出现的,这些代码图片让我的印象很深刻,我之前也疑惑为什么会有这么高大上的分享方式,但是没有找到答案,直到今天我在刷 Github 的时候,推给我一个热门库,随手点开来看了下,谁晓得无心插柳柳成荫,这样一个生成高大上代码片段的第三方库就在我面前了。
Carbon就是这样一个能够很容易为你的代码创建漂亮的图片。那么还等什么呢,一起来学着使用吧。
首先我们看一下示例,不然你们并不会知道我说的代码图片是什么风格的
这是一段 JavaScript 的代码,使用 carbon 分享出来的一个片段,怎么样,以后是不是把这样的代码放在博客或者推特上会很特别,也很美观易读呢?
导入
carbon 有三种方式来使用:
定制化
当你把代码导入到 Carbon 后,你可以定制生成的代码图片。可定制的内容有语法主题,背景颜色,窗口主题,或者 padding 距离。
导出/分享
当你定制完图片样式后,可以分享到推特上面,或者直接保存。
carbon 在线编辑器的地址是这个 : Carbon 编辑器
而社区中能找到更加优秀的插件,专门为 Carbon 服务,
例如我使用 VSCode 编辑器,那么在插件列表中搜索 carbon-now-sh 安装之后, 用carbon命令在 Carbon 中导入你当前的 VS Code 文件
其他编辑器对应的插件也可以在 Carbon 的 github 文档中找到哦。
最后感谢社区提供了这么优秀的库,能让我们程序员更加自恋在自己的代码中,该文章也是为 Carbon 做一个小宣传,因为实在喜欢这个插件。
使用 Carbon,show me your code !