dw如何点击图片放大的代码_如何生成漂亮的代码图片？

内容摘要

虽然头条号已经支持了代码块功能，但是没有语法高亮，并且移动端的体验也不是特别好。所以今天要介绍的是一款可以生成代码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工具使用简单，有兴趣的小伙伴可以自己摸索一下其他功能。