Twitter a další platformy sociálních médií jsou skvělými způsoby sdílení malých úryvků užitečného zdrojového kódu. Je hezké tyto vzorky trochu smrknout nějakými hezkými barvami nebo efektní výzdobou.
Webová aplikace Carbon vám umožňuje vytvářet obrázky vzorků zdrojového kódu. Poskytuje několik funkcí, včetně zvýraznění syntaxe, různých písem a motivů. Poté vám umožní zkopírovat obrázek kódu na médium, tweetnout jej nebo uložit jako soubor obrázku.
Základy používání uhlíku
The Domovská stránka uhlíku zobrazí v hlavním textovém poli ukázkový kód. Toto je již užitečná ukázka služby. Ukáže vám přesný náhled na druh obrázku, který můžete vytvořit.
Začněte zadáním nějakého kódu. Můžete kopírovat a vložit z textového editoru nebo jej přímo zadat. Všimněte si, že textové pole se rozšíří na šířku vaší nejdelší čáry.
Jak přizpůsobit obrázek zdrojového kódu
Uhlík vytváří obraz vašeho zdrojového kódu pomocí barevně zvýrazněného syntaxe. Představuje váš kód v základním okně nad barvou pozadí nebo obrázkem.
Nastavení motivu umožňuje použít paletu barev textu z předdefinovaného rozsahu. Mnoho z těchto témat se běžně používá mezi textovými editory a dalším existujícím softwarem.
Nastavení jazyka bude Auto ve výchozím nastavení se Carbon pokusí uhodnout jazyk. Nejlepší je však vybrat konkrétní jazyk pomocí rozbalovací nabídky. Některé jazyky je obtížné detekovat pouze ze zdrojového kódu.
Na nižší úrovni poskytuje Carbon různá nastavení stylu pro vylepšení výsledného obrazu kódu. To vše je k dispozici v nabídce nastavení s ikonou ozubeného kola:
Můžete si vybrat z řady 15 různých jednoprostorových písem. Do obrázku můžete zahrnout ovládací prvky okna a měnit jeho šířku nebo výplň kolem jeho okna s kódem. Můžete také změnit výšku řádku, velikost písma a zahrnout čísla řádků. Pokud službu používáte často, můžete uložit svá nastavení jako předvolbu pro budoucí použití.
Integrace uhlíku s GitHub Gists
Velmi užitečná funkce umožňuje načíst zdrojový kód z a GitHub Gist. Udělejte to tak, že připojíte Gist ID k doméně Carbon a získáte adresu URL v tomto formátu:
https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7Carbon poté naimportuje zdrojový kód z daného seznamu Gist a můžete s ním potom pracovat, jako byste jej zadali přímo.
Jak exportovat obrázek kódu z uhlíku
Jakmile nakonfigurujete ukázku kódu podle svých představ, je čas jej využít. Zde máte dvě hlavní možnosti: tweetovat nebo uložit jako soubor.
Hlavním cílem uhlíku je vylepšit obrázky kódu zveřejněné na Twitteru, takže jako první možnost exportu představuje tweeting. Stisknutím tlačítka tweet Tlačítko otevře dialogové okno pro vytvoření tweetu ve vyskakovacím okně. Tweet je předem naplněn adresou URL, která se při odeslání tweetu převede na nahraný obrázek. Kromě toho můžete tweet upravit, jak uznáte za vhodné.
Stahování obrázku jako souboru poskytuje trochu větší flexibilitu. Můžete to exportovat jako PNG nebo SVG a při tom měnit velikost.
Uhlík také umožňuje kopírovat a vkládat obrázek, který jste vytvořili. Obsahuje možnost, která vám umožní vložit kód do středního příspěvku nebo nahrát obrázek do Imguru.
Výhody sdílení zdrojového kódu v obraze
Sdílení zdrojového kódu jako obrázku má několik výhod. Zejména pro Twitter pomáhá obejít maximální délku tweetu. Teoreticky můžete vytvářet obrázky obsahující mnohem více kódu, než dovoluje textový limit Twitteru.
Příbuzný: Jak psát delší tweety
Hlavním rysem uhlíku je zvýraznění syntaxe. V současné době nemůžete syntaxi zvýraznit prostý text na Twitteru ani v mnoha dalších službách.
Obrázky zdrojového kódu se také o něco snáze sdílejí a ukládají než text zdrojového kódu. Mohou však odrazovat od kopírování zdrojového kódu, což by mohlo být dobré. Mohli byste se bát, že lidé mohou zkopírovat váš kód, aniž by pochopili, co ve skutečnosti dělá.
Nevýhody vložení zdrojového kódu do obrázku
Obrázky zabírají mnohem více úložného prostoru než text. I když je to možné extrahovat text z obrázků, stále to vyžaduje další úsilí.
A co je nejdůležitější, text v obrázcích je často nepřístupný těm, kteří jej nevidí. Například čtečky obrazovky nemusí mít k takovému textu přístup. Tlačítko Tweet od společnosti Carbon automaticky dodává alternativní text, který tento problém zmírňuje.
Používání uhlíku ke sdílení fragmentů kódu
Uhlík vám umožňuje snadno vytvářet atraktivní obrázky fragmentů zdrojového kódu. Je to jednoduchá webová aplikace, která se zaměřuje na jeden konkrétní úkol s dostatečným přizpůsobením.
Uhlík převádí text vašeho zdrojového kódu na obrázky, což nemusí být vždy vhodné. Chcete-li svůj kód sdílet jako skutečný text, máte k dispozici mnoho možností.
Tyto alternativy Pastebin vám umožňují snadno psát, vkládat a sdílet bloky kódu nebo textu s ostatními online.
- Programování
- Cvrlikání
- Programování
- Sociální média
Bobby je technologický nadšenec, který většinu softwarových vývojářů pracoval téměř dvě desetiletí. Je vášnivým hráčem, pracuje jako editor recenzí v časopisu Switch Player Magazine a je ponořen do všech aspektů online publikování a vývoje webových stránek.
Přihlaste se k odběru našeho zpravodaje
Připojte se k našemu zpravodaji s technickými tipy, recenzemi, bezplatnými elektronickými knihami a exkluzivními nabídkami!
Ještě jeden krok…!
V e-mailu, který jsme vám právě poslali, potvrďte svou e-mailovou adresu.
