Jednostavno stvorite lijepe slike izvornog koda s ugljikom

Twitter i druge platforme društvenih medija izvrstan su način dijeljenja malih isječaka korisnog izvornog koda. Lijepo je malo uljepšati ove uzorke nekim lijepim bojama ili otmjenim ukrasom.

Web aplikacija Carbon omogućuje vam stvaranje slika uzoraka izvornog koda. Pruža nekoliko značajki, uključujući isticanje sintakse, razne fontove i teme. Tada vam omogućuje kopiranje slike koda na Medium, objavljivanje tweetova ili spremanje u datoteku slike.

Osnove korištenja ugljika

The Početna stranica karbona prikazuje neki primjer koda u svom glavnom okviru za tekst. Ovo je već korisna demonstracija usluge. Prikazuje vam točan pregled vrste slike koju možete stvoriti.

Započnite s unosom nekog koda. Možete kopirati i zalijepiti iz uređivača teksta ili ga izravno upisati. Primijetite da se okvir za tekst proširuje na širinu vašeg najduljeg retka.

Kako prilagoditi sliku izvornog koda

Carbon stvara sliku vašeg izvornog koda s obojenim tekstom istaknutim sintaksom. Predstavlja vaš kôd u osnovnom prozoru na vrhu pozadine ili slike.

Postavka teme omogućuje vam primjenu palete boja teksta iz unaprijed definiranog raspona. Mnoge su od ovih tema u uobičajenoj upotrebi među urednicima teksta i ostalim postojećim softverom.

Postavka jezika bit će Auto prema zadanim postavkama, pa će Carbon pokušati pogoditi jezik. Ali najbolje je odabrati određeni jezik putem padajućeg izbornika. Neke je jezike teško otkriti samo iz izvornog koda.

Na nižoj razini, Carbon pruža razne postavke stila za podešavanje konačne slike koda. Sve su dostupne u izborniku postavki s ikonom zupčanika:

Možete odabrati između 15 različitih monospace fontova. Na svoju sliku možete uključiti kontrole prozora i mijenjati njezinu širinu ili podloge oko prozora koda. Također možete promijeniti visinu linije, veličinu fonta i uključiti brojeve redaka. Ako uslugu upotrebljavate često, postavke možete spremiti kao unaprijed postavljene za buduću upotrebu.

Carbonova integracija s GitHub Gists

Vrlo korisna značajka omogućuje vam učitavanje izvornog koda iz a GitHub Gist. Učinite to tako što ćete dodati Gist ID na Carbonovu domenu da biste dobili URL u ovom formatu:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon će zatim iz tog Gista uvesti izvorni kôd i tada možete slobodno raditi s njim kao da ste ga upisali izravno.

Kako izvesti sliku koda iz ugljika

Nakon što konfigurirate uzorak koda po svom ukusu, vrijeme je da ga iskoristite. Ovdje imate dvije glavne mogućnosti: tweetujte ga ili spremite kao datoteku.

Glavni cilj Carbona je poboljšati slike koda objavljene na Twitteru, pa tweetove predstavlja kao prvu mogućnost izvoza. Pritiskom na Cvrkut gumb otvara dijalog za stvaranje tweetova u skočnom prozoru. Tweet je unaprijed popunjen URL-om koji se pretvara u prenesenu sliku kada pošaljete tweet. Osim toga, tweet možete uređivati ​​kako vam odgovara.

Preuzimanje slike u obliku datoteke pruža malo veću fleksibilnost. Možete ga izvesti kao PNG ili SVG i za to prilagoditi veličinu.

Carbon vam također omogućuje kopiranje i lijepljenje slike koju ste stvorili. Uključuje opciju koja vam omogućuje ugradnju koda u Medium post ili prijenos slike na Imgur.

Prednosti dijeljenja izvornog koda na slici

Dijeljenje izvornog koda kao slike ima nekoliko prednosti. Konkretno za Twitter pomaže u zaobilaženju maksimalne duljine tweetova. U teoriji možete stvoriti slike koje sadrže mnogo više koda nego što dopušta ograničenje teksta Twittera.

Povezano: Kako pisati duže tweetove

Glavna značajka Carbona je isticanje sintakse. Trenutno ne možete sintaksom istaknuti običan tekst na Twitteru ili mnogim drugim uslugama.

Slike izvornog koda također je malo lakše podijeliti i pohraniti od teksta izvornog koda. Ali oni mogu obeshrabriti kopiranje izvornog koda, što bi moglo biti dobro. Mogli biste se brinuti da ljudi mogu kopirati vaš kôd, a da ne razumiju što on zapravo čini.

Nedostaci ugrađivanja izvornog koda u sliku

Slike zauzimaju puno više prostora za pohranu od teksta. Iako je to moguće izvlačenje teksta iz slika, to još uvijek zahtijeva dodatni napor.

Što je najvažnije, tekst na slikama često je nedostupan onima koji ga ne mogu vidjeti. Čitači zaslona, ​​na primjer, možda neće moći pristupiti takvom tekstu. Carbonov gumb Tweet automatski daje zamjenski tekst koji ublažava ovaj problem.

Korištenje ugljika za dijeljenje isječaka koda

Carbon vam omogućuje lako stvaranje atraktivnih slika isječaka izvornog koda. To je jednostavna web aplikacija koja se usredotočuje na jedan određeni zadatak s tek toliko prilagodbe.

Carbon pretvara tekst vašeg izvornog koda u slike i to možda nije uvijek prikladno. Ako svoj kôd želite podijeliti kao stvarni tekst, postoji mnogo mogućnosti za to.

4 najbolje Pastebin alternative za dijeljenje koda i teksta

Ove alternative Pastebin omogućuju vam jednostavno upisivanje, lijepljenje i dijeljenje blokova koda ili teksta s drugima na mreži.

O autoru