Лесно създавайте красиви изображения на изходния код с въглерод

Twitter и други платформи за социални медии са чудесни начини за споделяне на малки фрагменти от полезен изходен код. Хубаво е да оформите малко тези мостри с някои красиви цветове или изискана декорация.

Уеб приложението Carbon ви позволява да създавате изображения на образци на изходния код. Той предоставя няколко функции, включително подчертаване на синтаксиса, различни шрифтове и теми. След това ви позволява да копирате кодовото си изображение в Medium, да го чуруликате или да го запазите като файл с изображение.

Основите на използването на въглерод

The Начална страница за въглерод показва примерния код в основното си текстово поле. Това вече е полезна демонстрация на услугата. Той ви показва точен предварителен преглед на вида на изображението, което можете да създадете.

Започнете с въвеждане на код. Можете да копирате и поставите от текстов редактор или да го въведете директно. Забележете, че текстовото поле се разширява до ширината на най-дългия ви ред.

Как да персонализирате изображението на изходния си код

Carbon създава изображение на вашия изходен код с подчертан синтаксис, цветен текст. Той представя вашия код в основен прозорец върху цвят на фона или изображение.

Настройката на темата ви позволява да приложите цветна палитра на текст от предварително зададен диапазон. Много от тези теми се използват често сред текстовите редактори и друг съществуващ софтуер.

Настройката на езика ще бъде Автоматичен по подразбиране, така че Carbon ще се опита да отгатне езика. Но най-добре е да изберете конкретния език чрез падащото меню. Някои езици са трудни за откриване само от изходния код.

На по-ниско ниво Carbon предоставя различни настройки за стил, за да коригира окончателното кодово изображение. Всички те са налични в менюто с настройки с иконата на зъбно колело:

Можете да избирате от диапазон от 15 различни монопространствени шрифта. Можете да включите контролите на прозореца във вашето изображение и да променяте неговата ширина или подложката около прозореца на кода. Можете също да промените височината на реда, размера на шрифта и да включите номера на редовете. Ако използвате услугата често, можете да запазите настройките си като предварително зададени за бъдеща употреба.

Интеграция на Carbon с GitHub Gists

Много полезна функция ви позволява да зареждате изходен код от GitHub Gist. Направете това, като добавите Gist ID към домейна на Carbon, за да получите URL адрес в този формат:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

След това Carbon ще импортира изходния код от този Gist и след това можете да работите с него, сякаш сте го въвели директно.

Как да експортирам изображение на код от въглерод

След като конфигурирате мострата си по ваш вкус, е време да се възползвате от нея. Тук имате две основни опции: да го чуруликате или да го запазите като файл.

Основната цел на Carbon е да подобри кодовите изображения, публикувани в Twitter, така че представя туит като първата си опция за износ. Натискане на Tweet бутон отваря диалогов прозорец за създаване на туитове в изскачащ прозорец. Туитът е предварително попълнен с URL адрес, който се преобразува в качено изображение, когато изпратите туит. Освен това можете да редактирате туит, както сметнете за добре.

Изтеглянето на изображението като файл осигурява малко повече гъвкавост. Можете да го експортирате като PNG или SVG и да мащабирате размера, докато го правите.

Carbon също ви позволява да копирате и поставите изображението, което сте създали. Включва опция, която ви позволява да вградите кода в публикация Medium или да качите изображението в Imgur.

Ползите от споделянето на изходния код в изображение

Споделянето на изходния код като изображение има няколко предимства. По-специално за Twitter помага да се преодолее максималната дължина на туитовете. На теория можете да създавате изображения, съдържащи много повече код, отколкото позволява ограничението на текста в Twitter.

Свързани: Как да пишете по-дълги туитове

Основната характеристика на Carbon е подчертаването на синтаксиса. Понастоящем не можете да откроите синтаксиса на обикновен текст в Twitter или много други услуги.

Изображенията на изходния код също са малко по-лесни за споделяне и съхранение, отколкото текста на изходния код. Но те могат да обезкуражат копирането на изходния код, което може да е нещо добро. Може да се притеснявате, че хората могат да копират кода ви, без да разбират какво всъщност прави.

Недостатъците на вграждането на изходния код в изображение

Изображенията заемат много повече място за съхранение от текста. Въпреки че е възможно извличане на текст от изображения, все пак изисква допълнителни усилия.

Най-важното е, че текстът в изображения често е недостъпен за тези, които не могат да го видят. Екранните четци, например, може да нямат достъп до такъв текст. Бутонът Carbon’s Tweet автоматично предоставя алтернативен текст, който смекчава този проблем.

Използване на Carbon за споделяне на кодови фрагменти

Carbon ви позволява лесно да създавате привлекателни изображения на фрагменти от изходния код. Това е просто уеб приложение, което се фокусира върху една конкретна задача с достатъчно достатъчно персонализация.

Carbon преобразува текста на изходния код в изображения и това не винаги може да е подходящо. Ако искате да споделите кода си като действителен текст, има много опции за това.

4-те най-добри алтернативи на Pastebin за споделяне на код и текст

Тези алтернативи на Pastebin ви позволяват лесно да въвеждате, поставяте и споделяте блокове код или текст с други онлайн.

За автора