|
|
<p align="center"><img width=100% src="https://user-images.githubusercontent.com/10369094/31211729-591d059c-a950-11e7-86af-fa5ea3d7dbac.png"></p>
|
|
|
|
|
|
<!--[![Dependencies](https://img.shields.io/david/dawnlabs/carbon.svg)](https://github.com/dawnlabs/carbon/blob/readme-badges/package.json)-->
|
|
|
|
|
|
[![All Contributors](https://img.shields.io/badge/all_contributors-44-orange.svg?style=flat-square)](#contributors)
|
|
|
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
|
|
|
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)
|
|
|
[![MIT License](https://img.shields.io/github/license/dawnlabs/carbon.svg)](https://github.com/dawnlabs/carbon/blob/master/LICENSE)
|
|
|
[![Greenkeeper badge](https://badges.greenkeeper.io/dawnlabs/carbon.svg)](https://greenkeeper.io/)
|
|
|
[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/carbon-now)
|
|
|
<br></br>
|
|
|
[![Deploy to now](https://deploy.now.sh/static/button.svg)](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 可以很容易的为你的代码创建漂亮的图片。那么还等什么呢?用这个新学到的美化设计给你的 followers 秀一秀吧。
|
|
|
|
|
|
可以访问 [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.githubusercontent.com/u/784056?v=4" width="100px;" alt="elrumordelaluz"/><br /><sub><b>elrumordelaluz</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=elrumordelaluz" title="Code">💻</a></td><td align="center"><a href="https://github.com/cjb"><img src="https://avatars2.githubusercontent.com/u/21217?v=4" width="100px;" alt="cjb"/><br /><sub><b>cjb</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=cjb" title="Code">💻</a></td><td align="center"><a href="https://github.com/Krzysztof-Cieslak"><img src="https://avatars1.githubusercontent.com/u/5427083?v=4" width="100px;" alt="Krzysztof-Cieslak"/><br /><sub><b>Krzysztof-Cieslak</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=Krzysztof-Cieslak" title="Code">💻</a></td><td align="center"><a href="https://github.com/fernahh"><img src="https://avatars0.githubusercontent.com/u/2369851?v=4" width="100px;" alt="fernahh"/><br /><sub><b>fernahh</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=fernahh" title="Documentation">📖</a></td></tr><tr><td align="center"><a href="https://github.com/g3r4n"><img src="https://avatars1.githubusercontent.com/u/10941033?v=4" width="100px;" alt="g3r4n"/><br /><sub><b>g3r4n</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=g3r4n" title="Code">💻</a></td><td align="center"><a href="http://drarok.com/"><img src="https://avatars0.githubusercontent.com/u/55830?v=4" width="100px;" alt="Mat Gadd"/><br /><sub><b>Mat Gadd</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/issues?q=author%3ADrarok" title="Bug reports">🐛</a> <a href="https://github.com/dawnlabs/carbon/commits?author=Drarok" title="Code">💻</a></td><td align="center"><a href="https://bradlab.co.uk"><img src="https://avatars1.githubusercontent.com/u/11805775?v=4" width="100px;" alt="Brad Davies"/><br /><sub><b>Brad Davies</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/issues?q=author%3Avarbrad" title="Bug reports">🐛</a> <a href="https://github.com/dawnlabs/carbon/commits?author=varbrad" title="Code">💻</a></td><td align="center"><a href="http://www.rafaelcamaram.com/"><img src="https://avatars1.githubusercontent.com/u/9087886?v=4" width="100px;" alt="Rafael Câmara"/><br /><sub><b>Rafael Câmara</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=rafaelcamaram" title="Code">💻</a></td><td align="center"><a href="https://glebbahmutov.com/"><img src="https://avatars1.githubusercontent.com/u/2212006?v=4" width="100px;" alt="Gleb Bahmutov"/><br /><sub><b>Gleb Bahmutov</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=bahmutov" title="Tests">⚠️</a> <a href="#tool-bahmutov" title="Tools">🔧</a></td><td align="center"><a href="https://ivan-munguia.netlify.com"><img src="https://avatars2.githubusercontent.com/u/10677789?v=4" width="100px;" alt="Iván Munguía"/><br /><sub><b>Iván Munguía</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=warborn" title="Code">💻</a></td><td align="center"><a href="https://dillonmulroy.com"><img src="https://avatars1.githubusercontent.com/u/2755722?v=4" width="100px;" alt="Dillon Mulroy"/><br /><sub><b>Dillon Mulroy</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=dmmulroy" title="Code">💻</a></td></tr><tr><td align="center"><a href="https://github.com/NARKOZ"><img src="https://avatars2.githubusercontent.com/u/253398?v=4" width="100px;" alt="Nihad Abbasov"/><br /><sub><b>Nihad Abbasov</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=NARKOZ" title="Code">💻</a></td><td align="center"><a href="https://torzuolih.github.io"><img src="https://avatars1.githubusercontent.com/u/7328625?v=4" width="100px;" alt="Hugo Torzuoli"/><br /><sub><b>Hugo Torzuoli</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=TorzuoliH" title="Documentation">📖</a></td><td align="center"><a href="https://github.com/imbrn"><img src="https://avatars1.githubusercontent.com/u/1906977?v=4" width="100px;" alt="Bruno C. Couto"/><br /><sub><b>Bruno C. Couto</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=imbrn" title="Code">💻</a></td><td align="center"><a href="https://github.com/molnarmark"><img src="https://avatars2.githubusercontent.com/u/13263073?v=4" width="100px;" alt="Mark Molnar"/><br /><sub><b>Mark Molnar</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=molnarmark" title="Code">💻</a></td><td align="center"><a href="https://www.behance.net/tetra2000"><img src="https://avatars1.githubusercontent.com/u/1459450?v=4" width="100px;" alt="Takahiko Inayama"/><br /><sub><b>Takahiko Inayama</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=TETRA2000" title="Code">💻</a></td><td align="center"><a href="https://github.com/martinfrancois"><img src="https://avatars1.githubusercontent.com/u/14319020?v=4" width="100px;" alt="François Martin"/><br /><sub><b>François Martin</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=martinfrancois" title="Code">💻</a></td><td align="center"><a href="http://raphamorim.io"><img src="https://avatars3.githubusercontent.com/u/3630346?v=4" width="100px;" alt="Raphael Amorim"/><br /><sub><b>Raphael Amorim</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=raphamorim" title="Code">💻</a></td></tr><tr><td align="center"><a href="http://camronflanders.com"><img src="https://avatars0.githubusercontent.com/u/27292?v=4" width="100px;" alt="Camron Flanders"/><br /><sub><b>Camron Flanders</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=camflan" title="Code">💻</a></td><td align="center"><a href="https://ericadamski.github.com"><img src="https://avatars0.githubusercontent.com/u/6516758?v=4" width="100px;" alt="Eric Adamski"/><br /><sub><b>Eric Adamski</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=ericadamski" title="Code">💻</a></td><td align="center"><a href="http://winnercrespo.com"><img src="https://avatars0.githubusercontent.com/u/4671080?v=4" width="100px;" alt="Winner Crespo"/><br /><sub><b>Winner Crespo</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=wistcc" title="Code">💻</a> <a href="#design-wistcc" title="Design">🎨</a></td><td align="center"><a href="http://twitter.com/mixn"><img src="https://avatars3.githubusercontent.com/u/672237?v=4" width="100px;" alt="Milos"/><br /><sub><b>Milos</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=mixn" title="Code">💻</a> <a href="#tool-mixn" title="Tools">🔧</a> <a href="https://github.com/dawnlabs/carbon/commits?author=mixn" title="Documentation">📖</a> <a href="#translation-mixn" title="Translation">🌍</a></td><td align="center"><a href="https://mittalyashu.now.sh/"><img src="https://avatars1.githubusercontent.com/u/29014463?v=4" width="100px;" alt="Yashu Mittal"/><br /><sub><b>Yashu Mittal</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=mittalyashu" title="Code">💻</a></td><td align="center"><a href="https://twitter.com/bberrycarmen"><img src="https://avatars0.githubusercontent.com/u/22792183?v=4" width="100px;" alt="Rachel M. Carmena"/><br /><sub><b>Rachel M. Carmena</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=rachelcarmena" title="Documentation">📖</a></td><td align="center"><a href="https://www.linkedin.com/in/miguel-salazar-823b07a1/"><img src="https://avatars0.githubusercontent.com/u/19369949?v=4" width="100px;" alt="Miguel Salazar"/><br /><sub><b>Miguel Salazar</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=ucdstudent95618" title="Documentation">📖</a> <a href="#translation-ucdstudent95618" title="Translation">🌍</a></td></tr><tr><td align="center"><a href="https://www.linkedin.com/in/vyom-jain-233a28139"><img src="https://avatars3.githubusercontent.com/u/19145803?v=4" width="100px;" alt="Vyom Jain"/><br /><sub><b>Vyom Jain</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=vvyomjjain" title="Documentation">📖</a> <a href="#translation-vvyomjjain" title="Translation">🌍</a></td><td align="center"><a href="http://www.cnblogs.com/racaljk/"><img src="https://avatars0.githubusercontent.com/u/5010047?v=4" width="100px;" alt="racaljk"/><br /><sub><b>racaljk</b></sub></a><br /><a href="#translation-racaljk" title="Translation">🌍</a></td><td align="center"><a href="https://lastblocklabs.com"><img src="https://avatars3.githubusercontent.com/u/3892149?v=4" width="100px;" alt="Sean"/><br /><sub><b>Sean</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=raboid" title="Code">💻</a></td><td align="center"><a href="http://izabelacborges.com/"><img src="https://avatars0.githubusercontent.com/u/19255077?v=4" width="100px;" alt="Izabela Borges"/><br /><sub><b>Izabela Borges</b></sub></a><br /><a href="#translation-izabelacborges" title="Translation">🌍</a></td><td align="center"><a href="https://ghuser.io/shinilms"><img src="https://avatars2.githubusercontent.com/u/18573510?v=4" width="100px;" alt="Shinil M S"/><br /><sub><b>Shinil M S</b></sub></a><br /><a href="#translation-shinilms" title="Translation">🌍</a></td><td align="center"><a href="https://github.com/berkeatac"><img src="https://avatars1.githubusercontent.com/u/10579633?v=4" width="100px;" alt="Berke Atac"/><br /><sub><b>Berke Atac</b></sub></a><br /><a href="#translation-berkeatac" title="Translation">🌍</a></td><td align="center"><a href="https://wooooooak.github.io/"><img src="https://avatars3.githubusercontent.com/u/18481078?v=4" width="100px;" alt="LEE YONGJUN"/><br /><sub><b>LEE YONGJUN</b></sub></a><br /><a href="#translation-wooooooak" title="Translation">🌍</a></td></tr><tr><td align="center"><a href="http://matthewnielsen.ca"><img src="https://avatars2.githubusercontent.com/u/35040439?v=4" width="100px;" alt="Matthew Nielsen"/><br /><sub><b>Matthew Nielsen</b></sub></a><br /><a href="https://github.com/dawnlabs/carbon/commits?author=MatthewNielsen27" title="Code">💻</a></td><td align="center"><a href="https://vetrivelcsamy.xyz"><img src="https://avatars2.githubusercontent.com/u/26738977?v=4" width="100px;" alt="Vetrivel Chinnasamy"/><br /><sub><b>Vetrivel Chinnasamy</b></sub></a><br /><a href="#translation-vetrivelcsamy" title="Translation">🌍</a></td></tr></table>
|
|
|
<!-- ALL-CONTRIBUTORS-LIST:END -->
|