34 KiB
简介
你见过推特上面的 这 些 代码 图片 吗? 虽然这些代码令人印象深刻，但从审美角度来说还有提升空间。Carbon 能够轻松地将你的源码生成漂亮的图片并分享。还等什么呢？用这个新发现的美化工具秀给你的 followers 看吧。
特性
- 定制化：定制选项包括图片的语法主题、窗口样式等
- 快速分享：一键生成图片并分享
- 从 GitHub gist 导入：只需要在 url 后面加上 GitHub gist id
使用
导入
有几种不同的方法可以将代码导入到 Carbon：
- 把文件拖放到编辑器中
- 在 carbon url 后面添加 GitHub gist id （比如
carbon.now.sh/<你的_gist_id>） - 直接粘贴代码
定制化
当你把代码导入到 Carbon 后，你可以定制生成的代码图片。定制选项包括语法主题、背景颜色、窗口主题、以及 padding 距离。
导出/分享
当你定制完图片样式后，可以分享到推特上面，或者直接保存。
如果你通过 "Tweet" 按钮分享，Carbon 将自动设置你的图片为公开访问。不过如果你想手动分享图片，可以查看 如何设置 Twitter 图片公开访问。
如果你在文章中添加 Carbon 图片，注意到图片中的源代码对于无障碍技术来说是不可见的，比如无法放大字号或复制。可以考虑新增一个元素展示文本形式的源代码，比如在图片下方加一个 详细信息展现元素。
安装 Carbon 桌面客户端（离线）
如果你使用的是 Google Chrome 或别的支持 PWA 技术的浏览器，你可以安装 Carbon 并离线使用：
- 访问 https://carbon.now.sh
- 点击浏览器的设置按钮
- 点击 "安装 Carbon..."
社区
浏览社区中的这些优秀项目：
编辑器插件
- IntelliJ IDEA
carbon-now-sh- 在 IntelliJ IDEA 中通过右键菜单导入选中的代码到 Carbon - Atom
carbon-now-sh- 在 Atom 中通过shift-cmd-A快捷键导入当前文件到 Carbon - VS Code
carbon-now-sh- 在 VS Code 中通过carbon命令导入当前文件到 Carbon - Sublime Text 3
carbon-now-sh- 在 Sublime Text 3 中通过自定义快捷键导入选中的代码到 Carbon - Vim
carbon-now-sh- 在 Vim/Neovim 中通过CarbonNowSh()函数导入选中的代码到 Carbon - Emacs
carbon-now-sh- 在 Emacs 中通过carbon-now-sh交互函数导入选中的代码到 Carbon - Xcode
carbon-now-sh- 在carbon.now.sh中打开选中的代码 - Xcode
nef- 这个 Xcode 扩展程序能让你将选中的代码一键导出成 Carbon 片段
工具
- CLI
carbon-now-cli- 用carbon-now命令在 Carbon 中打开一个文件或者直接下载它，包含交互式选项、可选高亮等功能 - CodeExpander - 是一个智能并具有像 TextExpander 特性的 GitHub Gist 客户端
nef- 从Xcode Playground导出多个 Carbon 代码片段。
库
- R
carbonate- 用R脚本迭代处理图片样式并在 Carbon 中打开或直接下载。
书籍
- "CS 101 - An Introduction to Computational Thinking" - Sarbo Roy 写的一本计算机科学书.
项目作者
Carbon 项目由 TA 们发起：
- Mike Fix (@mfix22)
- Brian Dennis (@briandennis)
- Jake Dexheimer (@jakedex)
许可
贡献代码
欢迎 PR！请查看 贡献指南 了解详情。
赞助商
你的公司在用 Carbon 吗？考虑一下为此项目的新功能开发、bug 修复等提供赞助。
赞助者
喜欢用 Carbon 吗？考虑一下为此项目的新功能开发或改进提供赞助。
感谢
▲ Vercel 赞助了 Carbon 的服务托管。
贡献者
All contributors
感谢所有这些优秀的贡献者们 (emoji key):
