< 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) -->
[![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)
## Introdução
Sabe [todos ](https://twitter.com/dan_abramov/status/890191815567175680 ) [aqueles ](https://twitter.com/reactjs/status/890511993261654017 ) [prints ](https://twitter.com/notquiteleo/status/873483329345028096 ) [de código ](https://twitter.com/zeithq/status/805779711154647040 ) que você vê no Twitter? Apesar do código geralmente ser impressionante, nós vimos que a parte estética podia ser melhorada. Carbon facilita bastante criar e compartilhar imagens muito boas do seu código fonte. Então o que você está esperando? Vai lá impressionar todos os seus seguidores com esse design foda que você conseguiu aqui!
Visite [carbon.now.sh ](https://carbon.now.sh ) ou leia [nosso post (em inglês) ](https://dawnlabs.io/case-studies/carbon/ ) para aprender mais sobre o nosso projeto.
## Funcionalidades
* **Importar de um gist do GitHub**. É só colocar o id de um gist do GitHub no fim da url;
* **Customização**. Personalize coisas como o tema usado no editor de acordo com a sintaxe da linguagem, o estilo de janela e mais;
* **Compartilhe rapidamente**. Salve sua imagem ou tweet o link com a imagem em um clique.
## Exemplo
< p align = "center" > < img width = 100% src = "https://user-images.githubusercontent.com/10369094/30791512-cb001438-a167-11e7-952b-f0f0e5c4499e.png" > < / p >
## Uso
#### Importar
Existem alguns jeitos diferentes de importar código fonte para o Carbon:
- Arraste um arquivo para o editor;
- Cole o id de um gist do GitHub no fim da url (e.g. `carbon.now.sh/ID_DO_GIST_AQUI` );
- Copie e cole o trecho de código diretamente no editor.
#### Customização
Assim que você colocar o trecho de código no editor do Carbon, você pode personalizar a imagem mudando o tema e sintaxe, cor de fundo, tema da janela, e o espaçamento entre a imagem do editor e as bordas.
#### Exportar/Compartilhar
Depois que você customizar a sua imagem, você pode tweetar um link para a imagem ou salvá-la diretamente.
## Comunidade
Confira os projetos top da nossa comunidade:
##### Plugins para editores de texto
- [IntelliJ IDEA `carbon-now-sh` ](https://plugins.jetbrains.com/plugin/10469-carbon-now-sh ) - Selecione o trecho de código aberto no seu IntelliJ IDEA e o use o botão direito para abrir o menu de opções onde você pode acionar o Carbon;
- [Atom `carbon-now-sh` ](https://atom.io/packages/carbon-now-sh ) - Abra o arquivo atual do seu Atom no Carbon com o comando `shift-cmd-A` ;
- [VS Code `carbon-now-sh` ](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh ) - Abra seu arquivo do VS Code no Carbon usando o comando `carbon` ;
- [Sublime Text 3 `carbon-now-sh` ](https://github.com/molnarmark/carbonSublime ) - Selecione o trecho de código aberto no seu Sublime Text 3 com um atalho de teclado customizado;
- [Vim `carbon-now-sh` ](https://github.com/kristijanhusak/vim-carbon-now-sh ) - Selecione o trecho de código aberto no seu Vim/Neovim usando a função `CarbonNowSh()` ;
- [Emacs `carbon-now-sh` ](https://github.com/veelenga/carbon-now-sh.el ) - Selecione o trecho de código aberto no seu Emacs usando a função interativa `carbon-now-sh` .
##### CLIs
- [CLI `carbon-now-cli` ](https://github.com/mixn/carbon-now-cli ) - Abra um arquivo no Carbon ou faça download da imagem diretamente com `carbon-now` , apresentando um modo interativo, seleção destacada e muito mais.
##### Bibliotecas
- [R `carbonate` ](https://yonicd.github.io/carbonate/ ) - Manipule iterativamente a estética da imagem em `R` e abra no Carbon ou faça download diretamente.
##### Livros Didáticos
- ["CS 101 - An Introduction to Computational Thinking" ](https://itunes.apple.com/us/book/id1435714196 ) - um livro didático de ciência da computação escrito por Sarbo Roy.
## Contribua
PRs são bem vindos! Por favor leia nosso [CONTRIBUTING.md ](https://github.com/dawnlabs/carbon/blob/master/.github/CONTRIBUTING.md ) para mais detalhes.
## Agradecimentos
[ ▲ ZEIT ](https://zeit.co/ ) por patrocinar a hospedagem do Carbon.
## Autores
Carbon é um projeto feito pela < 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))
## Contribuidores
Agradecemos imensamente a todas essas pessoas maravilhosas pela grande ajuda ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
<!-- ALL - CONTRIBUTORS - LIST:START - Do not remove or modify this section -->
<!-- prettier - ignore -->
| [<img src="https://avatars0.githubusercontent.com/u/10078572?v=4" width="100px;"/><br /><sub><b>briandennis</b></sub> ](https://github.com/briandennis )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=briandennis "Code") [📖 ](https://github.com/dawnlabs/carbon/commits?author=briandennis "Documentation" ) [🚇 ](#infra-briandennis "Infrastructure (Hosting, Build-Tools, etc )") [👀 ](#review-briandennis "Reviewed Pull Requests" ) | [<img src="https://avatars0.githubusercontent.com/u/8397708?v=4" width="100px;"/><br /><sub><b>mfix22</b></sub> ](https://github.com/mfix22 )< br /> [💬](#question-mfix22 "Answering Questions") [💻 ](https://github.com/dawnlabs/carbon/commits?author=mfix22 "Code" ) [🤔 ](#ideas-mfix22 "Ideas, Planning, & Feedback" ) | [<img src="https://avatars1.githubusercontent.com/u/10369094?v=4" width="100px;"/><br /><sub><b>jakedex</b></sub> ](https://github.com/jakedex )< br /> [💬](#question-jakedex "Answering Questions") [💻 ](https://github.com/dawnlabs/carbon/commits?author=jakedex "Code" ) [🎨 ](#design-jakedex "Design" ) [📹 ](#video-jakedex "Videos" ) | [<img src="https://avatars1.githubusercontent.com/u/10191084?v=4" width="100px;"/><br /><sub><b>andrewda</b></sub> ](https://github.com/andrewda )< br /> [💬](#question-andrewda "Answering Questions") [💻 ](https://github.com/dawnlabs/carbon/commits?author=andrewda "Code" ) [🐛 ](https://github.com/dawnlabs/carbon/issues?q=author%3Aandrewda "Bug reports" ) [👀 ](#review-andrewda "Reviewed Pull Requests" ) | [<img src="https://avatars2.githubusercontent.com/u/14703164?v=4" width="100px;"/><br /><sub><b>yeskunall</b></sub> ](https://github.com/yeskunall )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=yeskunall "Code") [📖 ](https://github.com/dawnlabs/carbon/commits?author=yeskunall "Documentation" ) [🔧 ](#tool-yeskunall "Tools" ) [🐛 ](https://github.com/dawnlabs/carbon/issues?q=author%3Ayeskunall "Bug reports" ) | [<img src="https://avatars1.githubusercontent.com/u/2652676?v=4" width="100px;"/><br /><sub><b>stoshfabricius</b></sub> ](https://github.com/stoshfabricius )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=stoshfabricius "Code") | [<img src="https://avatars1.githubusercontent.com/u/11639896?v=4" width="100px;"/><br /><sub><b>jkling38</b></sub> ](https://github.com/jkling38 )< br /> [📖](https://github.com/dawnlabs/carbon/commits?author=jkling38 "Documentation") |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| [<img src="https://avatars1.githubusercontent.com/u/225946?v=4" width="100px;"/><br /><sub><b>otobrglez</b></sub> ](https://github.com/otobrglez )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=otobrglez "Code") | [<img src="https://avatars3.githubusercontent.com/u/11488612?v=4" width="100px;"/><br /><sub><b>darahak</b></sub> ](https://github.com/darahak )< br /> [📖](https://github.com/dawnlabs/carbon/commits?author=darahak "Documentation") | [<img src="https://avatars0.githubusercontent.com/u/246651?v=4" width="100px;"/><br /><sub><b>dom96</b></sub> ](https://github.com/dom96 )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=dom96 "Code") | [<img src="https://avatars3.githubusercontent.com/u/784056?v=4" width="100px;"/><br /><sub><b>elrumordelaluz</b></sub> ](https://github.com/elrumordelaluz )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=elrumordelaluz "Code") | [<img src="https://avatars2.githubusercontent.com/u/21217?v=4" width="100px;"/><br /><sub><b>cjb</b></sub> ](https://github.com/cjb )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=cjb "Code") | [<img src="https://avatars1.githubusercontent.com/u/5427083?v=4" width="100px;"/><br /><sub><b>Krzysztof-Cieslak</b></sub> ](https://github.com/Krzysztof-Cieslak )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=Krzysztof-Cieslak "Code") | [<img src="https://avatars0.githubusercontent.com/u/2369851?v=4" width="100px;"/><br /><sub><b>fernahh</b></sub> ](https://github.com/fernahh )< br /> [📖](https://github.com/dawnlabs/carbon/commits?author=fernahh "Documentation") |
| [<img src="https://avatars1.githubusercontent.com/u/10941033?v=4" width="100px;"/><br /><sub><b>g3r4n</b></sub> ](https://github.com/g3r4n )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=g3r4n "Code") | [<img src="https://avatars0.githubusercontent.com/u/55830?v=4" width="100px;"/><br /><sub><b>Mat Gadd</b></sub> ](http://drarok.com/ )< br /> [🐛](https://github.com/dawnlabs/carbon/issues?q=author%3ADrarok "Bug reports") [💻 ](https://github.com/dawnlabs/carbon/commits?author=Drarok "Code" ) | [<img src="https://avatars1.githubusercontent.com/u/11805775?v=4" width="100px;"/><br /><sub><b>Brad Davies</b></sub> ](https://bradlab.co.uk )< br /> [🐛](https://github.com/dawnlabs/carbon/issues?q=author%3Avarbrad "Bug reports") [💻 ](https://github.com/dawnlabs/carbon/commits?author=varbrad "Code" ) | [<img src="https://avatars1.githubusercontent.com/u/9087886?v=4" width="100px;"/><br /><sub><b>Rafael Câmara</b></sub> ](http://www.rafaelcamaram.com/ )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=rafaelcamaram "Code") | [<img src="https://avatars1.githubusercontent.com/u/2212006?v=4" width="100px;"/><br /><sub><b>Gleb Bahmutov</b></sub> ](https://glebbahmutov.com/ )< br /> [⚠️](https://github.com/dawnlabs/carbon/commits?author=bahmutov "Tests") [🔧 ](#tool-bahmutov "Tools" ) | [<img src="https://avatars2.githubusercontent.com/u/10677789?v=4" width="100px;"/><br /><sub><b>Iván Munguía</b></sub> ](https://ivan-munguia.netlify.com )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=warborn "Code") | [<img src="https://avatars1.githubusercontent.com/u/2755722?v=4" width="100px;"/><br /><sub><b>Dillon Mulroy</b></sub> ](https://dillonmulroy.com )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=dmmulroy "Code") |
| [<img src="https://avatars2.githubusercontent.com/u/253398?v=4" width="100px;"/><br /><sub><b>Nihad Abbasov</b></sub> ](https://github.com/NARKOZ )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=NARKOZ "Code") | [<img src="https://avatars1.githubusercontent.com/u/7328625?v=4" width="100px;"/><br /><sub><b>Hugo Torzuoli</b></sub> ](https://torzuolih.github.io )< br /> [📖](https://github.com/dawnlabs/carbon/commits?author=TorzuoliH "Documentation") | [<img src="https://avatars1.githubusercontent.com/u/1906977?v=4" width="100px;"/><br /><sub><b>Bruno C. Couto</b></sub> ](https://github.com/imbrn )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=imbrn "Code") | [<img src="https://avatars2.githubusercontent.com/u/13263073?v=4" width="100px;"/><br /><sub><b>Mark Molnar</b></sub> ](https://github.com/molnarmark )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=molnarmark "Code") | [<img src="https://avatars1.githubusercontent.com/u/1459450?v=4" width="100px;"/><br /><sub><b>Takahiko Inayama</b></sub> ](https://www.behance.net/tetra2000 )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=TETRA2000 "Code") | [<img src="https://avatars1.githubusercontent.com/u/14319020?v=4" width="100px;"/><br /><sub><b>François Martin</b></sub> ](https://github.com/martinfrancois )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=martinfrancois "Code") | [<img src="https://avatars3.githubusercontent.com/u/3630346?v=4" width="100px;"/><br /><sub><b>Raphael Amorim</b></sub> ](http://raphamorim.io )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=raphamorim "Code") |
| [<img src="https://avatars0.githubusercontent.com/u/27292?v=4" width="100px;"/><br /><sub><b>Camron Flanders</b></sub> ](http://camronflanders.com )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=camflan "Code") | [<img src="https://avatars0.githubusercontent.com/u/6516758?v=4" width="100px;"/><br /><sub><b>Eric Adamski</b></sub> ](https://ericadamski.github.com )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=ericadamski "Code") | [<img src="https://avatars0.githubusercontent.com/u/4671080?v=4" width="100px;"/><br /><sub><b>Winner Crespo</b></sub> ](http://winnercrespo.com )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=wistcc "Code") [🎨 ](#design-wistcc "Design" ) | [<img src="https://avatars3.githubusercontent.com/u/672237?v=4" width="100px;"/><br /><sub><b>Milos</b></sub> ](http://twitter.com/mixn )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=mixn "Code") [🔧 ](#tool-mixn "Tools" ) [📖 ](https://github.com/dawnlabs/carbon/commits?author=mixn "Documentation" ) [🌍 ](#translation-mixn "Translation" ) | [<img src="https://avatars1.githubusercontent.com/u/29014463?v=4" width="100px;"/><br /><sub><b>Yashu Mittal</b></sub> ](https://mittalyashu.now.sh/ )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=mittalyashu "Code") | [<img src="https://avatars0.githubusercontent.com/u/22792183?v=4" width="100px;"/><br /><sub><b>Rachel M. Carmena</b></sub> ](https://twitter.com/bberrycarmen )< br /> [📖](https://github.com/dawnlabs/carbon/commits?author=rachelcarmena "Documentation") | [<img src="https://avatars0.githubusercontent.com/u/19369949?v=4" width="100px;"/><br /><sub><b>Miguel Salazar</b></sub> ](https://www.linkedin.com/in/miguel-salazar-823b07a1/ )< br /> [📖](https://github.com/dawnlabs/carbon/commits?author=ucdstudent95618 "Documentation") [🌍 ](#translation-ucdstudent95618 "Translation" ) |
| [<img src="https://avatars3.githubusercontent.com/u/19145803?v=4" width="100px;"/><br /><sub><b>Vyom Jain</b></sub> ](https://www.linkedin.com/in/vyom-jain-233a28139 )< br /> [📖](https://github.com/dawnlabs/carbon/commits?author=vvyomjjain "Documentation") [🌍 ](#translation-vvyomjjain "Translation" ) | [<img src="https://avatars0.githubusercontent.com/u/5010047?v=4" width="100px;"/><br /><sub><b>racaljk</b></sub> ](http://www.cnblogs.com/racaljk/ )< br /> [🌍](#translation-racaljk "Translation") | [<img src="https://avatars3.githubusercontent.com/u/3892149?v=4" width="100px;"/><br /><sub><b>Sean</b></sub> ](https://lastblocklabs.com )< br /> [💻](https://github.com/dawnlabs/carbon/commits?author=raboid "Code") | [<img src="https://avatars0.githubusercontent.com/u/19255077?v=4" width="100px;"/><br /><sub><b>Izabela Borges</b></sub> ](http://izabelacborges.com/ )< br /> [🌍](#translation-izabelacborges "Translation") | [<img src="https://avatars2.githubusercontent.com/u/18573510?v=4" width="100px;"/><br /><sub><b>Shinil M S</b></sub> ](https://ghuser.io/shinilms )< br /> [🌍](#translation-shinilms "Translation") | [<img src="https://avatars1.githubusercontent.com/u/10579633?v=4" width="100px;"/><br /><sub><b>Berke Atac</b></sub> ](https://github.com/berkeatac )< br /> [🌍](#translation-berkeatac "Translation") | [<img src="https://avatars3.githubusercontent.com/u/18481078?v=4" width="100px;"/><br /><sub><b>LEE YONGJUN</b></sub> ](https://wooooooak.github.io/ )< br /> [🌍](#translation-wooooooak "Translation") |
<!-- ALL - CONTRIBUTORS - LIST:END -->