![694aa170a5eec53998ee8d3efe9a2075.png](https://i-blog.csdnimg.cn/blog_migrate/0e62aba451344801c408edd16cbea532.jpeg)
Carbon 是一款生成精美代码片段图片的工具。有多精美?美轮美奂。
之前在逛推特的时候,偶尔能看到一些类似下面这样的代码片段图片,每次看到都觉得特别精致。
![d0e95cb459eeb1cfbab4212948bc0b30.png](https://i-blog.csdnimg.cn/blog_migrate/2ef8de8d519c3d5c7326c0dfbe6953a1.jpeg)
有一次也特别想要这样的图片,无奈当时搜索了一下如何制作无果后,比较愚蠢的决定用我略显笨拙的 PS 技术 P 一张图,怎么 P 呢,把他们的图下载下来,然后把代码去掉,换成自己的。。。
作为一款优秀的代码图片生成器,它几乎可以操作这个图片上的所有元素!
大部分敲代码的人总归是有一款喜爱的编辑器主题的,比如我自己就特别喜欢 Material Theme 这款主题。我们可以在设置栏中的主题选择框中选择自己喜欢的一款主题。
![e8a4dc4fed822b2496ff501c24bfd52b.png](https://i-blog.csdnimg.cn/blog_migrate/5e162f04f03b796ac839ef1845cabf60.jpeg)
接下来是不同编程语言的语法高亮,支持所有主流的编程语言,也包含一些不同格式的配置文件类型,如 YAML,TOML 等。
![846ce0e3a22d9a6386254c27598e67e9.png](https://i-blog.csdnimg.cn/blog_migrate/709cab642daaaf7a0f95e961daa0032a.jpeg)
你可以选择纯背景色,也可以选择其他图片作为背景。不过个人觉得纯背景色应该已经能满足需求啦~
![b4ff101aa66d45e811f5a5507f44032d.png](https://i-blog.csdnimg.cn/blog_migrate/22ca9f411d94edb6114cd8cc32c22918.jpeg)
贴心的 Carbon 提供了更为细微处的控制能力,比如编辑器是圆角还是方角。详细的配置如下:
对于窗口编辑器的基本样式:
- 编辑器的边框样式
- 编辑器距离四周的边距
- 是否显示编辑器的阴影
- 编辑器阴影的范围
- 是否显示编辑器的控制按钮(最大化/最小化/关闭)
- 是否显示代码行号
- 是否自动调整编辑器宽度
- 是否添加水印
对于代码部分的基本样式:
- 字体类型
- 字体大小
- 行间距
因为我最喜欢的字体(Operator Mono)不在里面,所以我倒是希望能加个自定义字体的功能~
![7c201d20a714550bef589ae4ab7b6854.png](https://i-blog.csdnimg.cn/blog_migrate/ae8c115e9bea3cc6c506dbfaf6a4dd4f.jpeg)
Carbon 不仅可以导出 PNG 格式的图片,也可以导出 SVG,或者在线打开。
![77d26f657baf7af8440a253bdecbe962.png](https://i-blog.csdnimg.cn/blog_migrate/64637ef940206844999244fd9397c018.jpeg)
作为一款小工具,其功能无疑已经足够强大了,操作上没有什么难度,都是很简洁明了的功能。如果硬要说一些自己觉得不尽如人意的地方,就是每次打开生成图片,配置项都需要重新设置一遍(解决办法也有,就是保存这一次编辑好后的网站链接,下次再打开配置就是一样的了)。
如果你也苦于自己文章中的代码排版不满意却又没办法改变,不妨试试这款小工具,对我们技术自媒体人来说挺实用的。
欢迎关注微信公众号「X1nFly」~
![093f95116981317a35a27d1220e99025.png](https://i-blog.csdnimg.cn/blog_migrate/de5fad98e1a044aefe9ffdce36627072.jpeg)