Нужно поделиться кодом в Twitter, но не хватает символов? Используйте Carbon для создания потрясающих изображений кода, которыми можно поделиться
Twitter и другие платформы социальных сетей – отличный способ поделиться небольшими фрагментами полезного исходного кода. Хорошо бы немного украсить эти образцы красивыми цветами или причудливым оформлением
Веб-приложение Carbon позволяет создавать изображения образцов исходного кода. Оно предоставляет несколько функций, включая подсветку синтаксиса, различные шрифты и темы. Затем вы можете скопировать изображение кода в Medium, опубликовать его в Твиттере или сохранить в виде файла изображения
Основы использования Carbon
На домашней странице Carbon в главном текстовом поле отображается пример кода. Это уже полезная демонстрация работы сервиса. Она показывает точный предварительный просмотр того, какое изображение вы можете создать
Начните с ввода кода. Вы можете скопировать & вставить из текстового редактора или ввести его напрямую. Обратите внимание, что текстовое поле расширяется до ширины самой длинной строки
Как настроить изображение исходного кода
Carbon создает изображение исходного кода с выделенным синтаксисом и цветным текстом. Он представляет ваш код в основном окне поверх цвета фона или изображения
Настройка темы позволяет применить палитру цветов текста из заранее определенного диапазона. Многие из этих тем широко используются в текстовых редакторах и других существующих программах
По умолчанию в настройках языка стоит Auto , поэтому Carbon попытается угадать язык. Но лучше всего выбрать конкретный язык через выпадающий список. Некоторые языки трудно определить только по исходному коду
На более низком уровне Carbon предоставляет различные настройки стиля для изменения конечного изображения кода. Все они доступны в меню настроек со значком шестеренки:
Вы можете выбрать один из 15 различных моноширинных шрифтов. В изображение можно включать элементы управления окнами и изменять его ширину или подложку вокруг окна кода. Вы также можете изменять высоту строки, размер шрифта и включать номера строк. Если вы часто пользуетесь сервисом, вы можете сохранить свои настройки в качестве предустановок для дальнейшего использования
Интеграция Carbon с Gists на GitHub
Очень полезная функция позволяет загружать исходный код из Gist на GitHub. Для этого нужно добавить Gist ID к домену Carbon, чтобы получить URL в таком формате:
https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7Carbon импортирует исходный код из этого Gist, и вы сможете работать с ним так же, как если бы ввели его напрямую
Как экспортировать изображение кода из Carbon
После того как вы настроили образец кода по своему вкусу, пришло время использовать его. Здесь у вас есть два основных варианта: твитнуть его или сохранить в файл
Основной целью Carbon является улучшение изображений кода, публикуемых в Twitter, поэтому в качестве первой опции экспорта он представляет твиттер. Нажатие кнопки Tweet открывает диалог создания твита во всплывающем окне. В твите предварительно заполняется URL-адрес, который при отправке твита преобразуется в загруженное изображение. После этого твит можно редактировать по своему усмотрению
Загрузка изображения в виде файла обеспечивает немного большую гибкость. Вы можете экспортировать его как PNG или SVG и при этом масштабировать размер
Carbon также позволяет копировать и вставлять созданное изображение. Он включает опцию, позволяющую вставить код в сообщение Medium или загрузить изображение на Imgur
Преимущества совместного использования исходного кода в изображении
Обмен исходным кодом в виде изображения имеет ряд преимуществ. В частности, для Twitter это помогает обойти максимальную длину твита. Теоретически вы можете создавать изображения, содержащие гораздо больше кода, чем позволяет ограничение на текст в Twitter
Похожие статьи: Как писать более длинные твиты
Главная особенность Carbon – подсветка синтаксиса. В настоящее время вы не можете выделить синтаксис обычного текста в Twitter или многих других сервисах
Изображениями исходного кода также немного проще делиться и хранить, чем текстом исходного кода. Но они могут препятствовать копированию исходного кода, что может быть не очень хорошо. Вы можете беспокоиться, что люди могут скопировать ваш код, не понимая, что он на самом деле делает
Недостатки встраивания исходного кода в изображение
Изображения занимают гораздо больше места в памяти, чем текст. Хотя текст можно извлечь из изображений, это все равно требует дополнительных усилий
Самое главное, что текст на изображениях часто недоступен для тех, кто не может его видеть. Например, программы для чтения с экрана могут не иметь доступа к такому тексту. Кнопка Tweet в Carbon автоматически снабжает изображения текстом alt, что снижает остроту этой проблемы
Использование Carbon для обмена фрагментами кода
Carbon позволяет легко создавать привлекательные изображения фрагментов исходного кода. Это простое веб-приложение, ориентированное на выполнение одной конкретной задачи с достаточным количеством настроек
Carbon преобразует текст вашего исходного кода в изображения, и это не всегда уместно. Если вы хотите поделиться своим кодом в виде текста, есть много возможностей сделать это
Комментировать