工具推荐:Carbon 代码图片生成器

12,841 阅读2分钟

Carbon 是一款生成精美代码片段图片的工具。有多精美?美轮美奂。

之前在逛推特的时候,偶尔能看到一些类似下面这样的代码片段图片,每次看到都觉得特别精致。

有一次也特别想要这样的图片,无奈当时搜索了一下如何制作无果后,比较愚蠢的决定用我略显笨拙的 PS 技术 P 一张图,怎么 P 呢,把他们的图下载下来,然后把代码去掉,换成自己的。。。

作为一款优秀的代码图片生成器,它几乎可以操作这个图片上的所有元素!

编辑器主题

大部分敲代码的人总归是有一款喜爱的编辑器主题的,比如我自己就特别喜欢 Material Theme 这款主题。我们可以在设置栏中的主题选择框中选择自己喜欢的一款主题。

编程语言

接下来是不同编程语言的语法高亮,支持所有主流的编程语言,也包含一些不同格式的配置文件类型,如 YAML,TOML 等。

图片背景

你可以选择纯背景色,也可以选择其他图片作为背景。不过个人觉得纯背景色应该已经能满足需求啦~

详细设置

贴心的 Carbon 提供了更为细微处的控制能力,比如编辑器是圆角还是方角。详细的配置如下:

对于窗口编辑器的基本样式:

  • 编辑器的边框样式
  • 编辑器距离四周的边距
  • 是否显示编辑器的阴影
  • 编辑器阴影的范围
  • 是否显示编辑器的控制按钮(最大化/最小化/关闭)
  • 是否显示代码行号
  • 是否自动调整编辑器宽度
  • 是否添加水印

对于代码部分的基本样式:

  • 字体类型
  • 字体大小
  • 行间距

因为我最喜欢的字体(Operator Mono)不在里面,所以我倒是希望能加个自定义字体的功能~

导出图片

Carbon 不仅可以导出 PNG 格式的图片,也可以导出 SVG,或者在线打开。


作为一款小工具,其功能无疑已经足够强大了,操作上没有什么难度,都是很简洁明了的功能。如果硬要说一些自己觉得不尽如人意的地方,就是每次打开生成图片,配置项都需要重新设置一遍(解决办法也有,就是保存这一次编辑好后的网站链接,下次再打开配置就是一样的了)。

如果你也苦于自己文章中的代码排版不满意却又没办法改变,不妨试试这款小工具,对我们技术自媒体人来说挺实用的。

欢迎关注微信公众号「X1nFly」~

X1nFly