图片代码(图片代码生成器)

内容摘要

虽然头条号已经支持了代码块功能,但是没有语法高亮,并且移动端的体验也不是特别好。所以今天要介绍的是一款可以生成代码PNG图片的小工具carbon,通过图片展示代码获得更好的阅读体验。

工具介绍

carbon是github上的一个开源项目,通过carbon可以用图片的形式分享代码。(头条不方便贴链接,可以直接google搜索carbon,或者github上搜索carbon项目获取线上工具地址)

carbon在线工具界面

carbon支持:

图片主题设置多种语言语法高亮字体、字体大小修改显示行号导出PNG/SVG

功能演示

IDE插件

carbon还提供了多种IDE插件,支持在IDE中选中代码,直接跳转到carbon在线工具中生成图片,目前支持的IDE有:

IntelliJ IDEAAtomVS CodeSublime Text 3VimEmacsXcode

所有插件的下载地址在carbon项目的readme中都可以找到。以IDEA为例,安装插件后右键菜单中可以找到通过carbon打开。

右键可以选择在carbon中打开

carbon工具使用简单,有兴趣的小伙伴可以自己摸索一下其他功能。