Carbon 入门教程：快速创建你的第一张代码美图

Carbon 是一款强大的开源代码美化工具，让你能够轻松创建和分享漂亮的源代码图片。无论你是程序员、技术博主还是开发者，Carbon 都能帮助你制作出专业级别的代码截图，让你的代码在社交媒体和技术文档中脱颖而出！✨

什么是 Carbon 代码美化工具？

Carbon 是一个基于 Web 的应用程序，专门用于将普通代码转换为美观的图片格式。它支持多种编程语言语法高亮，提供丰富的自定义选项，包括主题、字体、背景颜色等，让你能够创建出完美的代码展示图片。

如何开始使用 Carbon

在线使用方式 🌐

最简单的使用方式就是直接访问 Carbon 的官方网站：

1. 打开浏览器访问 carbon.now.sh
2. 在编辑器中粘贴或输入你的代码
3. 开始自定义美化效果

本地部署方式 🖥️

如果你希望在自己的服务器上部署 Carbon：

# 克隆项目代码
git clone https://gitcode.com/gh_mirrors/ca/carbon

# 安装依赖
cd carbon
npm install

# 启动开发服务器
npm run dev

这样你就可以在本地 3000 端口访问你自己的 Carbon 实例了！

Carbon 的核心功能特性

丰富的主题选择 🎨

Carbon 提供了多种精美的语法高亮主题，包括：

• One Dark（深色主题）
• One Light（浅色主题）
• Nord（北欧风格）
• Night Owl（夜猫子主题）
• 以及其他流行编辑器主题

完全自定义选项 ⚙️

你可以调整几乎所有视觉元素：

• 代码字体和大小
• 背景颜色和透明度
• 窗口控件样式
• 边距和阴影效果
• 语法高亮颜色

多种导出格式 📤

Carbon 支持多种导出方式：

• PNG 图片格式
• SVG 矢量格式
• 直接复制到剪贴板
• 生成可分享链接

快速上手：创建你的第一张代码美图

步骤 1：准备你的代码

选择你想要美化的代码片段，可以是任何编程语言的代码。

步骤 2：访问 Carbon

打开 carbon.now.sh 或者在本地启动你的 Carbon 实例。

步骤 3：导入代码

有三种方式导入代码：

• 直接将代码粘贴到编辑器中
• 拖放代码文件到编辑区域
• 使用 GitHub Gist ID 导入

步骤 4：自定义美化

使用右侧的设置面板调整：

• 选择喜欢的主题
• 调整字体大小
• 设置背景颜色
• 配置窗口样式

步骤 5：导出和分享

完成美化后，点击导出按钮选择：

• 下载为 PNG/SVG
• 复制图片到剪贴板
• 生成分享链接

高级使用技巧

使用预设模板 📋

Carbon 内置了多个精美的预设模板，你可以在 public/static/presets/ 目录下找到这些预设的示例图片，快速应用到你自己的代码中。

嵌入到网站中 🌍

使用 Carbon 的嵌入功能，可以将代码片段直接嵌入到你的网站或博客中：

<iframe src="https://carbon.now.sh/embed/你的代码ID"
        style="width: 100%; height: 400px; border:0; transform: scale(1); overflow:hidden;"
        sandbox="allow-scripts allow-same-origin">
</iframe>

浏览器插件支持 🔌

Carbon 提供了多种编辑器插件，让你能够直接从喜欢的代码编辑器中创建代码美图：

• VS Code 扩展
• IntelliJ IDEA 插件
• Atom 插件
• Sublime Text 扩展

常见问题解答

Carbon 是免费的吗？

是的！Carbon 是完全开源的免费工具，遵循 MIT 许可证。

支持哪些编程语言？

Carbon 支持几乎所有主流编程语言，包括 JavaScript、Python、Java、C++、HTML、CSS 等。

需要注册账号吗？

基本功能不需要注册，但如果想要保存和管理代码片段，建议创建账号。

总结

Carbon 是一个极其实用的代码美化工具，无论你是想要在社交媒体上分享代码，还是在技术文档中插入漂亮的代码截图，Carbon 都能满足你的需求。它的易用性和强大的自定义功能使其成为开发者的首选工具。

现在就尝试使用 Carbon，让你的代码以最美观的方式呈现给世界吧！🚀