Ľahko vytvorte nádherné obrázky zdrojového kódu pomocou uhlíka

Twitter a ďalšie platformy sociálnych médií sú skvelými spôsobmi zdieľania malých úryvkov užitočného zdrojového kódu. Je fajn tieto vzorky trochu dozdobiť peknými farbami alebo efektnou výzdobou.

Webová aplikácia Carbon umožňuje vytvárať obrázky vzoriek zdrojového kódu. Poskytuje niekoľko funkcií vrátane zvýrazňovania syntaxe, rôznych typov písma a tém. Potom vám umožní skopírovať obrázok kódu na médium, tweetovať ho alebo uložiť ako súbor obrázka.

Základy používania uhlíka

The Domovská stránka uhlíka zobrazí v hlavnom textovom poli ukážkový kód. Toto je už užitočná ukážka služby. Ukáže vám presný náhľad na druh obrázka, ktorý môžete vytvoriť.

Začnite zadaním kódu. Môžete skopírovať a vložiť z textového editora alebo ho priamo zadať. Všimnite si, že textové pole sa rozšíri na šírku vášho najdlhšieho riadku.

Ako prispôsobiť obrázok zdrojového kódu

Uhlík vytvára obraz vášho zdrojového kódu so farebne zvýrazneným textom. Poskytuje váš kód v základnom okne na vrchu farby alebo obrázka pozadia.

Nastavenie témy vám umožní použiť paletu farieb textu z preddefinovaného rozsahu. Mnohé z týchto tém sa bežne používajú medzi textovými editormi a iným existujúcim softvérom.

Nastavenie jazyka bude Auto predvolene, takže sa Carbon pokúsi uhádnuť jazyk. Najlepšie je však zvoliť konkrétny jazyk pomocou rozbaľovacej ponuky. Niektoré jazyky je ťažké zistiť iba zo zdrojového kódu.

Na nižšej úrovni ponúka Carbon rôzne štýlové nastavenia na doladenie výsledného kódu. Všetky sú dostupné v ponuke nastavení s ikonou ozubeného kolieska:

Môžete si vybrať z ponuky 15 rôznych písem s jedným priestorom. Do obrázka môžete zahrnúť ovládacie prvky okna a meniť jeho šírku alebo výplň okolo jeho okna s kódom. Môžete tiež zmeniť výšku riadku, veľkosť písma a zahrnúť čísla riadkov. Ak službu využívate často, môžete si svoje nastavenia uložiť ako predvoľbu pre ďalšie použitie.

Integrácia uhlíka s GitHub Gists

Veľmi užitočná funkcia umožňuje načítať zdrojový kód z a GitHub Gist. Urobíte to tak, že pripojíte Gist ID k doméne Carbon a získate adresu URL v tomto formáte:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon potom importuje zdrojový kód z daného súboru Gist a môžete s ním potom pracovať, akoby ste ho zadali priamo.

Ako exportovať kódový obrázok z uhlíka

Po nakonfigurovaní ukážky kódu podľa vašich predstáv je čas ho využiť. Máte tu dve hlavné možnosti: tweetovať alebo uložiť ako súbor.

Hlavným cieľom programu Carbon je vylepšiť obrázky kódov odosielaných na Twitter, takže predstavuje tweeting ako svoju prvú možnosť exportu. Stlačením Tweet tlačidlo otvorí dialógové okno na vytvorenie tweetu v rozbaľovacom okne. Tweet je vopred vyplnený adresou URL, ktorá sa po odoslaní tweetu zmení na nahraný obrázok. Okrem toho môžete tweet upraviť, ako uznáte za vhodné.

Stiahnutie obrázka ako súboru poskytuje trochu väčšiu flexibilitu. Môžete to exportovať ako PNG alebo SVG a zmeniť veľkosť.

Uhlík tiež umožňuje kopírovať a vkladať obrázok, ktorý ste vytvorili. Zahŕňa možnosť, ktorá vám umožní vložiť kód do stredného príspevku alebo nahrať obrázok do Imguru.

Výhody zdieľania zdrojového kódu v obraze

Zdieľanie zdrojového kódu ako obrázka má niekoľko výhod. Najmä pre Twitter pomáha prekonať maximálnu dĺžku tweetu. Teoreticky môžete vytvárať obrázky obsahujúce oveľa viac kódu, ako povoľuje textový limit Twitteru.

Súvisiace: Ako písať dlhšie tweety

Hlavnou vlastnosťou uhlíka je zvýraznenie syntaxe. V súčasnosti nemôžete zvýrazniť obyčajný text v službe Twitter ani v mnohých ďalších službách.

Zdieľanie a ukladanie obrázkov zdrojového kódu je tiež o niečo jednoduchšie ako textu zdrojového kódu. Môžu však odradiť od kopírovania zdrojového kódu, čo by mohlo byť dobré. Môžete sa obávať, že ľudia môžu skopírovať váš kód bez toho, aby pochopili, čo to v skutočnosti robí.

Nevýhody vloženia zdrojového kódu do obrázka

Obrázky zaberajú oveľa viac úložného priestoru ako text. Aj keď je to možné extrahovať text z obrázkov, stále to vyžaduje ďalšie úsilie.

Najdôležitejšie je, že text na obrázkoch je často neprístupný pre tých, ktorí ho nevidia. Napríklad čítačky obrazovky nemusia mať prístup k takémuto textu. Tlačidlo uhlíka Tweet automaticky dodáva alternatívny text, ktorý tento problém zmierňuje.

Používanie uhlíka na zdieľanie fragmentov kódu

Uhlík vám umožňuje ľahko vytvárať atraktívne obrázky úryvkov zdrojových kódov. Je to jednoduchá webová aplikácia, ktorá sa zameriava na jednu konkrétnu úlohu s dostatočným prispôsobením.

Uhlík prevádza text vášho zdrojového kódu na obrázky a to nemusí byť vždy vhodné. Ak chcete svoj kód zdieľať ako skutočný text, máte veľa možností.

4 najlepšie alternatívy pastebin pre zdieľanie kódu a textu

Tieto alternatívy Pastebin vám umožňujú jednoducho písať, vkladať a zdieľať bloky kódu alebo textu s ostatnými online.

O autorovi