把代码变成好看的图：Carbon 在线生成代码截图，适合写文章

写技术文章、做课件、发朋友圈讲一段代码，直接截图编辑器往往带着行号、侧栏和主题噪点。Carbon 能把代码渲染成干净的图片。

它解决什么问题

编辑器截图有两个问题：一是带侧边栏与状态栏，干扰阅读；二是主题色在文档里可能与正文冲突。

而手写代码块又没法体现语法高亮的颜色，做演示时不够直观。

核心能力

用代码截图写文章的两个建议

一是导出 SVG。SVG 在文档里缩放不失真，而且文件比 PNG 小得多；如果发布平台不支持 SVG，再退而用 2 倍分辨率的 PNG。

二是别把整段代码都截图。截图适合展示「一小段值得记住的写法」，长代码还是用真正的代码块，读者能复制才有意义。

谁适合用

• 写技术博客、公众号的技术作者
• 做编程课件、培训材料的讲师
• 要给人解释一段写法但不想发长文本的人
• 做技术分享 PPT 的开发者

怎么开始

1. 打开 carbon.now.sh，把代码粘进左侧编辑区。
2. 在「语言」下拉里选定语言，高亮颜色会立刻变化。
3. 右侧调整主题、背景、内边距、行号、窗口按钮等参数。
4. 点「Export」导出 PNG 或 SVG；需要透明背景就打开相应开关。
5. 想保存样式：点「Misc → Save as」得到一条短链接，下次直接打开。

常见问题

代码会被记录吗？
渲染在浏览器端完成，官方不保存你的代码内容。但它会生成分享短链，涉及敏感代码时不要点保存链接。

支持中文注释吗？
支持，只要所选字体包含中文字形即可。

能导出透明背景吗？
可以，在设置里把背景设为透明。

和 ray.so 比呢？
两者功能接近，Carbon 主题更多、参数更细；ray.so 更简洁，出图更快。

授权与合规

Carbon 以 MIT 许可开源，可自由使用，生成的图片无版权限制。 官网：carbon.now.sh。