## Введение Вы знаете [все](https://twitter.com/dan_abramov/status/890191815567175680) [эти красивые](https://twitter.com/reactjs/status/890511993261654017) [изображения кода](https://twitter.com/notquiteleo/status/873483329345028096) в Twitter? Хотя код и так обычно впечатляет, мы увидели возможность улучшить его в эстетическом плане. Carbon позволяет легко создавать красивые изображения кода и делиться ими. Чего же вы ждете? Удивите всех подписчиков своим новым дизайнерским мастерством!

Carbon example

## Особенности - **Настройка**. Настройте такие вещи, как тема синтаксиса вашего изображения, шрифт и прочее - **Быстрый обмен**. Сохраните ваше изображение или поделитель ссылкой в один клик - **Сохранение фрагментов**. Создайте аккаунт, чтобы сохранить фрагменты кода. Сохраненными фрагментами можно сразу поделиться в Twitter и Slack. ## Использование #### Импортирование Есть несколько способов импортировать код в Carbon: - Перетащите файл в редактор - Добавьте GitHub gist ID в URL (например [`carbon.now.sh/<место_для_gist>`](https://carbon.now.sh/3208813b324d82a9ebd197e4b1c3bae8)) - Просто начните печатать! (Или вставьте код из буфера обмена) #### Настройка Как только вы поместили код в Carbon, вы можете кастомизировать изображение меняя тему синтаксиса, фоновый цвет, тему окна, отступы, тени, шрифты и многое другое. #### Экспортирование и обмен После настройки изображения, вы можете поделиться фрагментом несколькими способами ##### Создайте сохраненный фрагмент Если вы хотите поделиться сохраненным фрагментом, то изображение автоматически можно запостить в Twitter, Slack и др. Это позволит пользователям не только увидеть ваше творение, но также даст им доступ к исходному коду по ссылке. А еще, если вам нужно обновить код, просто перейдите по этой же ссылке, чтобы отредактировать фрагмент напрямую. Чтобы создать и сохранить фрагмент кода: 1. Зайдите через в аккаунт через кнопки "Sign in/Sign up" 2. Редактируйте как обычно — ваш код сохранится автоматически 3. Скопируйте URL из браузера и поделитесь ссылкой! ##### Создание встроенного фрагмента Это рекомендуемый способ поделиться фрагментом Carbon на вашем сайте или блоге. Читатели также смогут скопировать код нажатием кнопки. Вы можете встроить любой фрагмент кода Carbon на вашем сайте напрямую, используя ссылки `carbon.now.sh/embed`. "Copy Menu" позволит быстро скопировать правильный код iFrame или закодированную ссылку для размещения на таких платформах как Medium. И наконец, вы также можете встраивать сохраненные фрагменты или GitHub gist'ы с помощью `carbon.now.sh/embed/:id`. ##### Использование кнопки Tweet Кнопка Tweet не толко поделится изображением в Twitter, но также корректно закодирует все `alt`-тексты чтобы удостовериться, что ваши изображения доступны. Тем не менее, если вы хотите твиттнуть изображение вручную, то рекомендуем изучить [как сделать ваши изображения Twitter доступными](https://help.twitter.com/ru/using-twitter/picture-descriptions). ##### Скачать изображение напрямую Carbon позволяет сохранять изображения в форматах PNG и SVG. Вы можете также нажать `Export → Open` чтобы открыть ваше изображение из браузера. Наконец, вы можете скопировать готовое изображение фрагмента в буфер обмена используя `Copy → Image`. #### Установка Carbon на ПК (для использования оффлайн) Если вы используете Google Chrome или любой другой браузер, который поддерживает Progressive Web Apps, вы можете установить Carbon на компьютер, чтобы использовать его без Интернета: 1. Зайдите на [carbon.now.sh](https://carbon.now.sh) 2. Нажмите на кнопку настроек у вашего браузера 3. Выберите "Установить Carbon..." (или "Install Carbon...") ## Сообщество Оцените эти проекты от нашего крутого сообщества: ##### Плагины для редакторов - [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) - Откройте текущий файл в Atom в Carbon с помощью `shift-cmd-A` - [VS Code `carbon-now-sh`](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh) - Откройте текущий файл VS Code в Carbon с помощью команды `carbon` - [Sublime Text 3 `carbon-now-sh`](https://github.com/molnarmark/carbonSublime) - Откройте выделение в текущем файле в Sublime Text 3 через кастомный связанный ключ - [Vim `carbon-now-sh`](https://github.com/kristijanhusak/vim-carbon-now-sh) - Откройте выделение в текущем файле в Vim/Neovim используя функцию `CarbonNowSh()` - [Emacs `carbon-now-sh`](https://github.com/veelenga/carbon-now-sh.el) - Откройте выделение в текущем файле в Emacs используя интерактивную функцию `carbon-now-sh` - [Xcode `carbon-now-sh`](https://github.com/StevenMagdy/CarboNow4Xcode) - Откройте выделенный текст с помощью `carbon.now.sh` - [Xcode `nef`](https://github.com/bow-swift/nef-plugin) - Это расширение для Xcode позволяет экспортировать выделенный текст как фрагмент в Carbon в одно действие ##### Инструменты - [CLI `carbon-now-cli`](https://github.com/mixn/carbon-now-cli) - Откройте файл в CArbon или скачайте его напрямую используя `carbon-now` с выборочным выделением, интерактивным режимом и многим другим - [CodeExpander](https://codeexpander.com) - Смарт-клиент для работы с GitHub gist'ами с функциями TextExpander - [`nef`](https://github.com/bow-swift/nef#-exporting-carbon-code-snippets) - Экспортируйте несколько фрагментов кода в Carbon из `Xcode Playground` - [`@carbonshbot`](https://t.me/carbonshbot) - Telegram чат-бот, который превращает код или gist URL в изображение Carbon - [R `carbonate`](https://yonicd.github.io/carbonate/) - Интерактивно меняйте стиль изображения на `R` и также открывайте его в Carbon или скачивайте напрямую - [Carbon for Slack](https://github.com/faisalsayed10/carbon-slack) - Используйте Carbon в Slack. Просто вызовите команду `/carbon`. ##### Цитирования - ["CS 101 - An Introduction to Computational Thinking"](https://itunes.apple.com/us/book/id1435714196) - Книга по компьютерным наукам от Сарбо Роя. ## Авторы Carbon существует благодаря: - Mike Fix ([@mfix22](https://twitter.com/fixitup2)) - Brian Dennis ([@briandennis](https://github.com/briandennis)) - Jake Dexheimer ([@jakedex](https://github.com/jakedex)) #### Лицензия [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fcarbon-app%2Fcarbon.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fcarbon-app%2Fcarbon?ref=badge_large)

--- ## Дополняйте и поддерживайте Пул реквесты приветствуются! Пожалуйста, изучите [правила](/.github/CONTRIBUTING.md) для более подробной информации. ### Спонсоры [![Fossa](https://assets-global.website-files.com/5f4d9ea2592c16056cb0f7a5/5f4d9ea2592c16d9a2b0f7da_logo-FOSSA-night-blue.svg)](https://fossa.com) [![Powered by Vercel](https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg)](https://vercel.com?utm_source=carbon-app&utm_campaign=oss)

### Благодарности [▲ Vercel](https://vercel.com?utm_source=carbon-app&utm_campaign=oss) за поддержку хостинга Carbon. ### Все авторы Выражаем благодарности всем этим замечательным людям ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):

_briandennis 💻 📖 🚇 👀	_mfix22 💬 💻 🤔	_jakedex 💬 💻 🎨 📹	_andrewda 💬 💻 🐛 👀	_yeskunall 💻 📖 🔧 🐛	_{stoshfabricius} 💻	_jkling38 📖
_otobrglez 💻	_darahak 📖	_dom96 💻	_{elrumordelaluz} 💻	_cjb 💻	_{Krzysztof-Cieslak} 💻	_fernahh 📖
_g3r4n 💻	_{Mat Gadd} 🐛 💻	_{Brad Davies} 🐛 💻	_{Rafael Câmara} 💻	_{Gleb Bahmutov} ⚠️ 🔧	_{Iván Munguía} 💻	_{Dillon Mulroy} 💻
_{Nihad Abbasov} 💻	_{Bruno C. Couto} 💻	_{Mark Molnar} 💻	_{Takahiko Inayama} 💻	_{François Martin} 💻	_{Raphael Amorim} 💻	_{Camron Flanders} 💻
_{Eric Adamski} 💻	_{Winner Crespo} 💻 🎨	_Milos 💻 🔧 📖 🌍	_{Yashu Mittal} 💻	_{Rachel M. Carmena} 📖	_{Miguel Salazar} 📖 🌍	_{Vyom Jain} 📖 🌍
_racaljk 🌍	_Sean 💻	_{Izabela Borges} 🌍	_{Shinil M S} 🌍	_{Berke Atac} 🌍	_{LEE YONGJUN} 🌍	_{Matthew Nielsen} 💻
_Boy 📦	_{Vetrivel Chinnasamy} 🌍	_{Farzad YZ} 💻 🤔	_{Yannick Loriot} 🌍	_{Joel Hanson} 💻	_{Muhammad Muzzammil} 💻	_souppower 🚇
_{Masato Urai (@uraway_)} 🌍	_Fernando 🌍	_{Megha Sachdev} 💻 ⚠️	_{Anudeep Reddy} 🚇	_Munieru 🌍	_{Adam Lusted} 💻	_{Jose Noriega} 🌍
_{Merlin Fuchs} 🌍	_{Ramy Majouji} 💻	_{Viktor Nemes} 💻	_{Eric Bailey} 💻	_Nazeefa 🌍	_{Pratik Butani} 📝	_{Bakti Aditya} 💻
_{Caleb Taylor} 💻	_{Rogério Munhoz} 💻	_Technoknol 💻	_{Tymoteusz Makowski} 💻	_{Nisar Hassan Naqvi} 🐛	_{Ilyas Karim} 🐛	_{Nick Fix} 🤔
_{Melanie Sumner} 🤔	_aluc 💻	_{B. Mearns} 🤔	_{Peng Jie} 💻	_{Binyamin Aron Green} 💻	_Michal 🌍	_{Quinn Blenkinsop} 💻
_{Dwiferdio Seagal Putra} 💻	_{Ashley Woodall Clark} 💻	_{Tim Wienk} 🌍	_{George McCarron} 📖	_{Erwin Rahayu} 🌍 📖	_Luca 💻	_{Andrew Hayes} 💻
_{Bereket Semagn} 💻	_{Lorenzo Lancia} 🌍	_{Guy Adler} 🌍	_{Dan Bamikiya} 🤔	_kewang 🌍	_{Rizda Dwi Prasetya} 🖋	_AbreuY 🌍
_{>_Rizky.dev} 🌍 📖	_{Abidemi Harry} 💻	_Marco 🌍	_{Sam Robbins} 📖	_alceil 💻	_hatsu 💻