你见过推特上面的 这些 代码 图片 吗? 虽然这些代码令人印象深刻,但从审美角度来说还有提升空间。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 图片,注意到图片中的源代码对于无障碍技术来说是不可见的,比如无法放大字号或复制。可以考虑新增一个元素展示文本形式的源代码,比如在图片下方加一个 详细信息展现元素。
如果你使用的是 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 的服务托管。
感谢所有这些优秀的贡献者们 (emoji key):