Carbon.now.sh 使用攻略：2025 最新版代码美化实时预览与格式导出
AI Insight
专栏作者
1.3k 阅读
88 评论
? 2025 最新版 Carbon.now.sh 使用全攻略：代码美化 + 实时预览 + 格式导出
作为一个混迹互联网十年的老鸟，我敢说 Carbon.now.sh 绝对是程序员圈里「颜值逆袭」的神器。这几年我用它美化过的代码截图少说也有几百张，从技术博客配图到面试作品展示，几乎每次都能收获一堆「这代码图太酷了」的赞叹。最近听说 2025 版更新了不少实用功能，我赶紧深度体验了一番，今天就把压箱底的技巧全部分享出来。
? 新手入门：5 分钟快速上手
打开 Carbon.now.sh 官网，扑面而来的界面就让人眼前一亮。2025 版把左侧菜单栏重新设计了，常用功能像主题切换、字体调整、背景设置都放在最显眼的位置。不管你是第一次用还是老用户，都能秒懂怎么操作。
第一步，导入代码
最简单的办法就是直接把代码复制粘贴到中间的编辑区。要是遇到大段代码，直接拖拽文件进来就行，支持的格式特别多，像.js、.py、.html 这些主流文件都不在话下。我试过拖拽一个 500 多行的 Python 文件，不到两秒就加载完成了，这速度必须点赞。
最简单的办法就是直接把代码复制粘贴到中间的编辑区。要是遇到大段代码，直接拖拽文件进来就行，支持的格式特别多，像.js、.py、.html 这些主流文件都不在话下。我试过拖拽一个 500 多行的 Python 文件，不到两秒就加载完成了，这速度必须点赞。
第二步，自定义样式
这一步才是 Carbon 的灵魂所在。新版本把主题库彻底升级了，原来的 36 套主题现在增加到了 50 套，还贴心地分了类。喜欢清新风格的可以选「Nord」，偏爱科技感的「Material」主题绝对能满足你。我最近发现一个叫「莫兰迪色系」的新主题，低饱和度的颜色搭配代码高亮，截图发朋友圈直接被问爆了。
这一步才是 Carbon 的灵魂所在。新版本把主题库彻底升级了，原来的 36 套主题现在增加到了 50 套，还贴心地分了类。喜欢清新风格的可以选「Nord」，偏爱科技感的「Material」主题绝对能满足你。我最近发现一个叫「莫兰迪色系」的新主题，低饱和度的颜色搭配代码高亮，截图发朋友圈直接被问爆了。
字体设置也更灵活了，除了默认的「Fira Code」，还新增了「JetBrains Mono」和「Source Code Pro」。我建议大家试试「JetBrains Mono」，连箭头符号都做了特殊设计，代码看起来特别精致。
? 进阶技巧：让代码图脱颖而出
光会基础操作可不够，要想让代码图真正惊艳，还得掌握这些进阶玩法。
实时预览功能
2025 版最让我惊喜的就是实时预览。以前调整个背景颜色，得反复点击「生成」按钮才能看到效果，现在只要滑动颜色滑块，右边的预览区立刻就能看到变化。特别是调整阴影强度的时候，实时预览能帮你精准找到最合适的效果。
2025 版最让我惊喜的就是实时预览。以前调整个背景颜色，得反复点击「生成」按钮才能看到效果，现在只要滑动颜色滑块，右边的预览区立刻就能看到变化。特别是调整阴影强度的时候，实时预览能帮你精准找到最合适的效果。
窗口装饰自定义
新版本把窗口装饰的设置独立出来了。你可以选择经典的 Mac 风格边框，也能换成 Windows 的圆角设计。我最近发现一个小彩蛋，把窗口标题改成「Hello World」，截图发出去特别有创意。
新版本把窗口装饰的设置独立出来了。你可以选择经典的 Mac 风格边框，也能换成 Windows 的圆角设计。我最近发现一个小彩蛋，把窗口标题改成「Hello World」，截图发出去特别有创意。
多语言支持
Carbon 对编程语言的支持一直很给力，2025 版更是覆盖了 180 多种语言。我试过用它生成 Brainfuck 代码图，语法高亮居然也能完美显示。如果你用的是冷门语言，还能手动上传语法文件，自己定义高亮规则。
Carbon 对编程语言的支持一直很给力，2025 版更是覆盖了 180 多种语言。我试过用它生成 Brainfuck 代码图，语法高亮居然也能完美显示。如果你用的是冷门语言，还能手动上传语法文件，自己定义高亮规则。
?️ 格式导出：满足各种使用场景
代码美化好了，怎么导出也是个学问。2025 版在导出功能上做了不少优化。
图片导出
支持的格式还是 PNG 和 SVG，但导出速度明显变快了。我测试过导出一张 4K 分辨率的 PNG 图片，以前需要 10 秒左右，现在 5 秒就能搞定。SVG 格式特别适合需要二次编辑的场景，用 AI 软件打开后，连代码的阴影效果都能保留。
支持的格式还是 PNG 和 SVG，但导出速度明显变快了。我测试过导出一张 4K 分辨率的 PNG 图片，以前需要 10 秒左右，现在 5 秒就能搞定。SVG 格式特别适合需要二次编辑的场景，用 AI 软件打开后，连代码的阴影效果都能保留。
PDF 导出
这是 2025 版新增的功能！现在可以直接把代码图导出为 PDF，而且支持多页合并。我最近做技术方案的时候，把关键代码片段导出成 PDF 插入到文档里，效果比截图好太多了。导出 PDF 时还能设置页面大小和边距，特别贴心。
这是 2025 版新增的功能！现在可以直接把代码图导出为 PDF，而且支持多页合并。我最近做技术方案的时候，把关键代码片段导出成 PDF 插入到文档里，效果比截图好太多了。导出 PDF 时还能设置页面大小和边距，特别贴心。
分享链接
生成的分享链接现在支持自定义参数了。你可以在链接里指定主题、字体、背景颜色，别人打开链接就能直接看到你设置好的效果。我试过把链接分享到微信群，同事们直接点击就能生成自己的代码图，效率超高。
生成的分享链接现在支持自定义参数了。你可以在链接里指定主题、字体、背景颜色，别人打开链接就能直接看到你设置好的效果。我试过把链接分享到微信群，同事们直接点击就能生成自己的代码图，效率超高。
? 效率工具：集成到开发环境
Carbon 之所以能成为程序员的心头好，还有一个重要原因就是和各种开发工具无缝集成。
VSCode 插件
安装「Carbon Now Sh」插件后，在 VSCode 里选中代码，右键点击「Open in Carbon.now.sh」，就能直接跳转到官网，代码已经自动填充好了。更厉害的是，插件还能同步 VSCode 的主题设置，你在编辑器里用什么主题，Carbon 生成的图片就是什么风格。
安装「Carbon Now Sh」插件后，在 VSCode 里选中代码，右键点击「Open in Carbon.now.sh」，就能直接跳转到官网，代码已经自动填充好了。更厉害的是，插件还能同步 VSCode 的主题设置，你在编辑器里用什么主题，Carbon 生成的图片就是什么风格。
Vim 插件
Vim 用户可以安装「vim-carbon-now-sh」插件。在 Vim 里选中文本后，输入命令
Vim 用户可以安装「vim-carbon-now-sh」插件。在 Vim 里选中文本后，输入命令
:CarbonNowSh，就能自动打开浏览器生成代码图。我还把这个命令映射到了 F5 键，现在按一下 F5 就能生成图片，效率提升了一大截。⚠️ 避坑指南：常见问题解决
虽然 Carbon 已经很完善了，但偶尔还是会遇到一些小问题。
代码导入失败
如果拖拽文件没反应，先检查文件格式是否支持。要是遇到特殊字符导致代码显示乱码，可以试试在代码开头添加
如果拖拽文件没反应，先检查文件格式是否支持。要是遇到特殊字符导致代码显示乱码，可以试试在代码开头添加
--charset=utf-8参数。样式不生效
有时候调整了设置没变化，可能是浏览器缓存的问题。按 Ctrl+F5 强制刷新页面，或者在无痕模式下打开官网，就能解决这个问题。
有时候调整了设置没变化，可能是浏览器缓存的问题。按 Ctrl+F5 强制刷新页面，或者在无痕模式下打开官网，就能解决这个问题。
分享链接失效
如果生成的链接打不开，先检查链接是否完整。要是链接里包含特殊字符，记得用 URL 编码工具处理一下。
如果生成的链接打不开，先检查链接是否完整。要是链接里包含特殊字符，记得用 URL 编码工具处理一下。
? 资源推荐：让你的代码图更专业
除了 Carbon 本身，还有一些工具和资源能帮你把代码图做得更专业。
配色方案
推荐大家试试「Coolors」这个网站，能生成各种高级配色方案。我最近用它生成了一套「橙蓝渐变」的背景色，搭配黑色代码，效果特别惊艳。
推荐大家试试「Coolors」这个网站，能生成各种高级配色方案。我最近用它生成了一套「橙蓝渐变」的背景色，搭配黑色代码，效果特别惊艳。
字体搭配
「Google Fonts」里有很多适合代码的字体。我推荐「Roboto Mono」和「Ubuntu Mono」，和 Carbon 的默认字体搭配起来特别和谐。
「Google Fonts」里有很多适合代码的字体。我推荐「Roboto Mono」和「Ubuntu Mono」，和 Carbon 的默认字体搭配起来特别和谐。
排版技巧
在代码前后添加注释说明，能让代码图更有可读性。我通常会在代码上方写一句功能描述，下方注明编程语言和版本号。
在代码前后添加注释说明，能让代码图更有可读性。我通常会在代码上方写一句功能描述，下方注明编程语言和版本号。
? 总结
Carbon.now.sh 2025 版绝对是程序员的福音，无论是新手还是老鸟，都能在这个工具里找到惊喜。从基础的代码美化到进阶的实时预览，再到高效的格式导出和开发环境集成，它几乎覆盖了代码图制作的所有场景。
如果你还在用传统的截图工具，不妨试试 Carbon，相信我，用过一次你就再也回不去了。赶紧打开 Carbon.now.sh，让你的代码也来一场颜值革命吧！
【该文章由dudu123.com嘟嘟 ai 导航整理，嘟嘟 AI 导航汇集全网优质网址资源和最新优质 AI 工具】
