我在推特上关注了很多国外的程序员大佬，包括一些著名框架的官方团队，比如 Facebook 的 React 开发团队，我经常能看到他们在推特中分享一些代码片段，是以图片的方式出现的，这些代码图片让我的印象很深刻，我之前也疑惑为什么会有这么高大上的分享方式，但是没有找到答案，直到今天我在刷 Github 的时候，推给我一个热门库，随手点开来看了下，谁晓得无心插柳柳成荫，这样一个生成高大上代码片段的第三方库就在我面前了。

Carbon就是这样一个能够很容易为你的代码创建漂亮的图片。那么还等什么呢，一起来学着使用吧。

首先我们看一下示例，不然你们并不会知道我说的代码图片是什么风格的

示例

这是一段 JavaScript 的代码，使用 carbon 分享出来的一个片段，怎么样，以后是不是把这样的代码放在博客或者推特上会很特别，也很美观易读呢？

使用

导入

carbon 有三种方式来使用：

• 把文件拖到 carbon 的在线编辑器
• 在 carbon url 后添加 GitHub gist id(比如 carbon.now.sh/你的gist id)
• 直接在 carbon 编辑器中粘贴代码

定制化

当你把代码导入到 Carbon 后，你可以定制生成的代码图片。可定制的内容有语法主题，背景颜色，窗口主题，或者 padding 距离。

导出/分享

当你定制完图片样式后，可以分享到推特上面，或者直接保存。

carbon 在线编辑器的地址是这个 : Carbon 编辑器

插件

而社区中能找到更加优秀的插件，专门为 Carbon 服务，

例如我使用 VSCode 编辑器，那么在插件列表中搜索 carbon-now-sh 安装之后， 用carbon命令在 Carbon 中导入你当前的 VS Code 文件

其他编辑器对应的插件也可以在 Carbon 的 github 文档中找到哦。

最后感谢社区提供了这么优秀的库，能让我们程序员更加自恋在自己的代码中，该文章也是为 Carbon 做一个小宣传，因为实在喜欢这个插件。

使用 Carbon，show me your code !