< p align = "center" > < img width = 100% src = "https://user-images.githubusercontent.com/10369094/31211729-591d059c-a950-11e7-86af-fa5ea3d7dbac.png" > < / p >
<!-- [](https://github.com/dawnlabs/carbon/blob/readme - badges/package.json) -->
[](#contributors)
[](https://github.com/prettier/prettier)
[](http://makeapullrequest.com)
[](https://github.com/dawnlabs/carbon/blob/master/LICENSE)
[](https://greenkeeper.io/)
[](https://spectrum.chat/carbon-now)
< br > < / br >
[](https://deploy.now.sh/?repo=https://github.com/dawnlabs/carbon& env=TWITTER_CONSUMER_KEY& env=TWITTER_CONSUMER_SECRET& env=TWITTER_ACCESS_TOKEN_KEY& env=TWITTER_ACCESS_TOKEN_SECRET& env=LOGS_SECRET_PREFIX)
##### 翻译
- [Español ](/docs/README.es.md )
- [हिंदी ](/docs/README.hi.md )
- [Deutsch ](/docs/README.de.md )
## 简介
你见过推特上面的 [这 ](https://twitter.com/dan_abramov/status/890191815567175680 ) [些 ](https://twitter.com/reactjs/status/890511993261654017 ) [代码 ](https://twitter.com/notquiteleo/status/873483329345028096 ) [图片 ](https://twitter.com/zeithq/status/805779711154647040 ) 吗? 虽然这些代码图片给人印象深刻，
可以访问 [carbon.now.sh ](https://carbon.now.sh )或者浏览 [博客文章 ](https://dawnlabs.io/case-studies/carbon/ ) 了解关于这个项目更多的内容。
## 特性
- **GitHub gist 导入**. 只需要在 url 后面加上 github gist id 就可以导入
- **定制化**. 可定制图片的语法主题，窗口样式等
- **所见即分享**. 点下鼠标就可以分享到推特上面
## 示例
< p align = "center" > < img width = 100% src = "https://user-images.githubusercontent.com/10369094/30791512-cb001438-a167-11e7-952b-f0f0e5c4499e.png" > < / p >
## 使用
#### 导入
有几种不同的方法可以将代码导入到 Carbon：
- 把文件拖到编辑器
- 在 carbon url 后添加 GitHub gist id(比如 `carbon.now.sh/你的gist id` )
- 直接粘贴代码
#### 定制化
当你把代码导入到 Carbon 后，你可以定制生成的代码图片。可定制的内容有语法主题，背景颜色，窗口主题，或者 padding 距离。
#### 导出/分享
当你定制完图片样式后，可以分享到推特上面，或者直接保存。
## 社区
下面是我们社区已经创建的一些优秀的项目：
##### 编辑器插件
- [IntelliJ IDEA `carbon-now-sh` ](https://plugins.jetbrains.com/plugin/10469-carbon-now-sh ) - 在 IntelliJ IDEA 中选中当前文件的一段代码到 Carbon 中
- [Atom `carbon-now-sh` ](https://atom.io/packages/carbon-now-sh ) - 用`shift-cmd-A`命令在 Carbon 中导入你当前的 Atom 文件
- [VS Code `carbon-now-sh` ](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh ) - 用`carbon`命令在 Carbon 中导入你当前的 VS Code 文件
- [Sublime Text 3 `carbon-now-sh` ](https://github.com/molnarmark/carbonSublime ) - 在 Sublime Text3 中选中当前文件的一段代码到 Carbon 中
- [Vim `carbon-now-sh` ](https://github.com/kristijanhusak/vim-carbon-now-sh ) - 用`CarbonNowSh()`函数在 Carbon 中导入你当前的 Vim/Neovim 文件
- [Emacs `carbon-now-sh` ](https://github.com/veelenga/carbon-now-sh.el ) - 用交互式函数`carbon-now-sh`在 Carbon 中导入你当前的 Emacs 文件
##### 命令行工具
- [CLI `carbon-now-cli` ](https://github.com/mixn/carbon-now-cli ) - 在 Carbon 中打开一个文件或者直接使用`carbon-now`下载它，特色是交互式模式，可选高亮等
##### Libraries
- [R `carbonate` ](https://yonicd.github.io/carbonate/ ) - 迭代式处理`R`中的图片并在 Carbon 中打开，或者直接下载。
##### 书籍
- ["CS 101 - An Introduction to Computational Thinking" ](https://itunes.apple.com/us/book/id1435714196 ) - Sarbo Roy 写的一本计算机科学书.
## 贡献代码
欢迎 PRs！ CONTRIBUTING.md ](https://github.com/dawnlabs/carbon/blob/master/.github/CONTRIBUTING.md ) 了解更多.
## 感谢
[ ▲ ZEIT ](https://zeit.co/ ) 赞助了 Carbon 网站的托管
## 作者
Carbon 项目由 TA 们发起 < a href = "http://dawnlabs.io/" > < img width = 8% src = "https://cloud.githubusercontent.com/assets/10369094/25406306/dacebd4c-29cb-11e7-8e1c-468687cde495.png" > < / a >
- Mike Fix ([@mfix22](https://github.com/mfix22))
- Brian Dennis ([@briandennis](https://github.com/briandennis))
- Jake Dexheimer ([@jakedex](https://github.com/jakedex))
## 贡献者
感谢以下所有的优秀贡献者们 ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
<!-- ALL - CONTRIBUTORS - LIST:START - Do not remove or modify this section -->
<!-- prettier - ignore -->
< table > < tr > < td align = "center" > < a href = "https://github.com/briandennis" > < img src = "https://avatars0.githubusercontent.com/u/10078572?v=4" width = "100px;" alt = "briandennis" / > < br / > < sub > < b > briandennis< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=briandennis" title = "Code" > 💻< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=briandennis" title = "Documentation" > 📖< / a > < a href = "#infra-briandennis" title = "Infrastructure (Hosting, Build-Tools, etc)" > 🚇< / a > < a href = "#review-briandennis" title = "Reviewed Pull Requests" > 👀< / a > < / td > < td align = "center" > < a href = "https://github.com/mfix22" > < img src = "https://avatars0.githubusercontent.com/u/8397708?v=4" width = "100px;" alt = "mfix22" / > < br / > < sub > < b > mfix22< / b > < / sub > < / a > < br / > < a href = "#question-mfix22" title = "Answering Questions" > 💬< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=mfix22" title = "Code" > 💻< / a > < a href = "#ideas-mfix22" title = "Ideas, Planning, & Feedback" > 🤔< / a > < / td > < td align = "center" > < a href = "https://github.com/jakedex" > < img src = "https://avatars1.githubusercontent.com/u/10369094?v=4" width = "100px;" alt = "jakedex" / > < br / > < sub > < b > jakedex< / b > < / sub > < / a > < br / > < a href = "#question-jakedex" title = "Answering Questions" > 💬< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=jakedex" title = "Code" > 💻< / a > < a href = "#design-jakedex" title = "Design" > 🎨< / a > < a href = "#video-jakedex" title = "Videos" > 📹< / a > < / td > < td align = "center" > < a href = "https://github.com/andrewda" > < img src = "https://avatars1.githubusercontent.com/u/10191084?v=4" width = "100px;" alt = "andrewda" / > < br / > < sub > < b > andrewda< / b > < / sub > < / a > < br / > < a href = "#question-andrewda" title = "Answering Questions" > 💬< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=andrewda" title = "Code" > 💻< / a > < a href = "https://github.com/dawnlabs/carbon/issues?q=author%3Aandrewda" title = "Bug reports" > 🐛< / a > < a href = "#review-andrewda" title = "Reviewed Pull Requests" > 👀< / a > < / td > < td align = "center" > < a href = "https://github.com/yeskunall" > < img src = "https://avatars2.githubusercontent.com/u/14703164?v=4" width = "100px;" alt = "yeskunall" / > < br / > < sub > < b > yeskunall< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=yeskunall" title = "Code" > 💻< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=yeskunall" title = "Documentation" > 📖< / a > < a href = "#tool-yeskunall" title = "Tools" > 🔧< / a > < a href = "https://github.com/dawnlabs/carbon/issues?q=author%3Ayeskunall" title = "Bug reports" > 🐛< / a > < / td > < td align = "center" > < a href = "https://github.com/stoshfabricius" > < img src = "https://avatars1.githubusercontent.com/u/2652676?v=4" width = "100px;" alt = "stoshfabricius" / > < br / > < sub > < b > stoshfabricius< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=stoshfabricius" title = "Code" > 💻< / a > < / td > < td align = "center" > < a href = "https://github.com/jkling38" > < img src = "https://avatars1.githubusercontent.com/u/11639896?v=4" width = "100px;" alt = "jkling38" / > < br / > < sub > < b > jkling38< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=jkling38" title = "Documentation" > 📖< / a > < / td > < / tr > < tr > < td align = "center" > < a href = "https://github.com/otobrglez" > < img src = "https://avatars1.githubusercontent.com/u/225946?v=4" width = "100px;" alt = "otobrglez" / > < br / > < sub > < b > otobrglez< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=otobrglez" title = "Code" > 💻< / a > < / td > < td align = "center" > < a href = "https://github.com/darahak" > < img src = "https://avatars3.githubusercontent.com/u/11488612?v=4" width = "100px;" alt = "darahak" / > < br / > < sub > < b > darahak< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=darahak" title = "Documentation" > 📖< / a > < / td > < td align = "center" > < a href = "https://github.com/dom96" > < img src = "https://avatars0.githubusercontent.com/u/246651?v=4" width = "100px;" alt = "dom96" / > < br / > < sub > < b > dom96< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=dom96" title = "Code" > 💻< / a > < / td > < td align = "center" > < a href = "https://github.com/elrumordelaluz" > < img src = "https://avatars3.githubuserco
<!-- ALL - CONTRIBUTORS - LIST:END -->
