内容摘要
虽然头条号已经支持了代码块功能,但是没有语法高亮,并且移动端的体验也不是特别好。所以今天要介绍的是一款可以生成代码PNG图片的小工具carbon,通过图片展示代码获得更好的阅读体验。
工具介绍
carbon是github上的一个开源项目,通过carbon可以用图片的形式分享代码。(头条不方便贴链接,可以直接google搜索carbon,或者github上搜索carbon项目获取线上工具地址)
carbon在线工具界面
carbon支持:
- 图片主题设置
- 多种语言语法高亮
- 字体、字体大小修改
- 显示行号
- 导出PNG/SVG
功能演示
IDE插件
carbon还提供了多种IDE插件,支持在IDE中选中代码,直接跳转到carbon在线工具中生成图片,目前支持的IDE有:
- IntelliJ IDEA
- Atom
- VS Code
- Sublime Text 3
- Vim
- Emacs
- Xcode
所有插件的下载地址在carbon项目的readme中都可以找到。以IDEA为例,安装插件后右键菜单中可以找到通过carbon打开。
右键可以选择在carbon中打开
carbon工具使用简单,有兴趣的小伙伴可以自己摸索一下其他功能。