Carbon

功能特点

• 代码语法高亮：支持超过30种主流编程语言和标记语言的语法识别与着色，包括 JavaScript、Python、HTML、CSS、Markdown 等，确保代码结构清晰可读
• 丰富主题切换：内置 One Dark、Dracula、Solarized、Nord 等数十款精选配色主题，一键切换整体视觉风格，满足不同审美和平台调性需求
• 字体自由选择：集成 Fira Code、JetBrains Mono、Source Code Pro 等多款编程友好字体，支持连字（ligatures）渲染，让代码在图片中同样保持专业观感
• 窗口控件定制：可模拟 macOS 红黄绿或 Windows 风格窗口按钮，自由调整窗口圆角、内边距和阴影效果，还原真实 IDE 截图质感
• 实时所见即所得：编辑器中所有样式调整——主题、字体、字号、行号——均即时生效并预览，无需反复导出确认效果
• 背景与画布控制：支持自定义纯色背景、渐变色或透明背景，并能设置输出图片的宽高和像素比，适配不同社交平台的展示需求
• 一键导出分享：可直接导出为 PNG 或 SVG 格式图片，支持复制到剪贴板或生成分享链接，方便快速分发到 Twitter、微博等社交媒体
• Twitter 友好模式：针对 Twitter 卡片预览进行尺寸和比例优化，确保代码图片在信息流中不被裁切，获得最佳展示效果
• 代码折叠与行号：支持显示或隐藏行号，以及按代码块逻辑进行折叠展示，让长段代码分享更聚焦重点
• Snippets 嵌入：支持将生成的代码图片以 iframe 或图片链接形式嵌入到博客、文档或 Notion 页面中，实现动态展示

使用指南

• 访问 Carbon 官网后，直接在中央编辑器中粘贴或输入你的代码片段
• 通过顶栏的「语言」下拉菜单选择对应的编程语言，以启用正确的语法高亮
• 在「主题」菜单中选择你喜欢的配色方案，点击即可实时预览效果
• 调整背景颜色、窗口样式和字体，直到视觉呈现满意为止
• 点击右上角「Export」按钮，选择 PNG 或 SVG 格式下载，或直接复制图片到剪贴板
• 若代码较长，可在设置中调整画布大小或开启行号，确保信息完整清晰

应用场景

• 在社交媒体上分享技术见解或代码技巧时，用精美图片替代纯文本，提升内容吸引力和阅读量
• 技术博主和内容创作者制作教程文章时，生成统一风格的代码截图，增强视觉一致性
• 开发者在技术社区或论坛提问时，用高亮清晰的代码图片展示问题，便于他人快速理解
• 团队内部文档或 PPT 演示中嵌入代码截图，保持设计美观的同时准确传达技术细节
• 个人作品集或简历中展示代码能力时，用专业截图替代纯文本，提升整体质感

常见问题

• Q: Carbon 会保存我的代码到服务器吗？ A: 不会。Carbon 是纯前端工具，代码仅在浏览器本地处理，不会上传到任何服务器，确保你的代码安全私密。
• Q: 支持导出透明背景的图片吗？ A: 支持。在背景设置中选择「Transparent」即可导出透明背景的 PNG 图片，方便叠加到其他设计素材上。
• Q: 可以导入本地代码文件吗？ A: 可以。直接将代码文件拖拽到编辑器区域，或通过工具栏的文件夹图标选择文件，即可快速导入。
• Q: 生成的图片能商用吗？ A: 可以。Carbon 本身是开源工具，你创建的代码截图拥有完全自主权，可用于商业或非商业用途。
• Q: 为什么我的代码在图片中显示不全？ A: 可在设置面板中调整「Width」和「Height」参数增大画布尺寸，或缩小字号，确保所有代码行都在可视范围内。