Creați cu ușurință imagini de cod sursă frumoase cu carbon

Twitter și alte platforme de socializare sunt modalități excelente de a partaja fragmente mici de cod sursă util. Este plăcut să aruncăm puțin aceste mostre cu niște culori frumoase sau cu decoruri fanteziste.

Aplicația web Carbon vă permite să creați imagini cu mostre de cod sursă. Oferă mai multe funcții, inclusiv evidențierea sintaxei, diverse fonturi și teme. Apoi vă permite să copiați imaginea codului în Medium, să o trimiteți pe tweet sau să o salvați ca fișier imagine.

Bazele utilizării carbonului

Pagina de pornire Carbon afișează câteva exemple de cod în caseta sa principală de text. Aceasta este deja o demonstrație utilă a serviciului. Vă arată o previzualizare exactă a tipului de imagine pe care îl puteți crea.

Începeți prin introducerea unui cod. Puteți copia și lipi dintr-un editor de text sau îl puteți introduce direct. Observați că caseta de text se extinde la lățimea celei mai lungi linii.

Cum să vă personalizați imaginea codului sursă

Carbon creează o imagine a codului sursă cu text colorat evidențiat prin sintaxă. Vă prezintă codul într-o fereastră de bază deasupra unei culori de fundal sau a unei imagini.

Setarea temei vă permite să aplicați o paletă de culori pentru text dintr-un interval predefinit. Multe dintre aceste teme sunt utilizate în mod obișnuit printre editorii de text și alte programe software existente.

Setarea limbii va fi Auto implicit, deci Carbon va încerca să ghicească limba. Dar cel mai bine este să selectați limba specifică prin meniul derulant. Unele limbi sunt dificil de detectat numai din codul sursă.

La un nivel inferior, Carbon oferă diverse setări de stil pentru a modifica imaginea finală a codului. Toate acestea sunt disponibile în meniul de setări cu pictograma roată:

Puteți selecta dintr-o gamă de 15 fonturi monospace diferite. Puteți include controale de fereastră în imagine și puteți varia lățimea acesteia sau căptușeala din jurul ferestrei de cod. De asemenea, puteți modifica înălțimea liniei, dimensiunea fontului și include numerele de linie. Dacă utilizați serviciul des, vă puteți salva setările ca presetare pentru utilizare ulterioară.

Integrarea Carbonului cu GitHub Gists

O caracteristică foarte utilă vă permite să încărcați codul sursă dintr-un GitHub Gist. Faceți acest lucru adăugând ID-ul Gist la domeniul Carbon pentru a obține o adresă URL în acest format:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon va importa apoi codul sursă din Gist-ul respectiv și apoi puteți lucra cu el ca și când l-ați fi introdus direct.

Cum se exportă o imagine de cod din carbon

După ce ați configurat eșantionul de cod pe placul dvs., este timpul să îl folosiți. Aici aveți două opțiuni principale: trimiteți-l pe tweet sau salvați-l ca fișier.

Scopul principal al Carbonului este îmbunătățirea imaginilor de cod postate pe Twitter, astfel încât să prezinte tweeting-ul ca fiind prima sa opțiune de export. Apăsând pe Tweet butonul deschide o fereastră de dialog pentru crearea tweet-urilor. Tweet-ul este pre-populat cu un URL care se convertește într-o imagine încărcată atunci când trimiteți tweet-ul. Dincolo de asta, puteți edita tweet-ul după cum doriți.

Descărcarea imaginii ca fișier oferă ceva mai multă flexibilitate. Puteți să-l exportați ca PNG sau SVG și să scalați dimensiunea în timp ce faceți acest lucru.

Carbonul vă permite, de asemenea, să copiați și să lipiți imaginea pe care ați creat-o. Include o opțiune care vă permite să încorporați codul într-o postare Medium sau să încărcați imaginea în Imgur.

Avantajele partajării codului sursă într-o imagine

Partajarea codului sursă ca imagine are mai multe avantaje. Pentru Twitter, în special, ajută la depășirea lungimii maxime a tweet-urilor. În teorie, puteți crea imagini care conțin mult mai mult cod decât va permite limita de text Twitter.

Legate de: Cum să scrieți tweets mai lungi

Caracteristica principală a carbonului este evidențierea sintaxei. Momentan nu puteți evidenția sintaxa text simplu pe Twitter sau multe alte servicii.

Imaginile codului sursă sunt, de asemenea, ușor mai ușor de partajat și stocat decât textul codului sursă. Dar pot descuraja copierea codului sursă, ceea ce ar putea fi un lucru bun. S-ar putea să vă faceți griji că oamenii vă pot copia codul fără a înțelege ce face de fapt.

Dezavantajele încorporării codului sursă într-o imagine

Imaginile ocupă mult mai mult spațiu de stocare decât textul. Deși este posibil extrage text din imagini, necesită totuși un efort suplimentar.

Cel mai important, textul din imagini este adesea inaccesibil celor care nu îl pot vedea. Cititoarele de ecran, de exemplu, s-ar putea să nu poată accesa un astfel de text. Butonul Tweet Carbon oferă automat text alternativ care atenuează această problemă.

Folosirea carbonului pentru partajarea fragmentelor de cod

Carbonul vă permite să creați cu ușurință imagini atractive de fragmente de cod sursă. Este o aplicație web simplă care se concentrează pe o sarcină specifică, cu suficientă personalizare.

Carbonul convertește textul codului sursă în imagini și este posibil ca acest lucru să nu fie întotdeauna adecvat. Dacă doriți să partajați codul ca text actual, există multe opțiuni pentru a face acest lucru.

Cele mai bune 4 alternative Pastebin pentru partajarea codului și a textului

Aceste alternative Pastebin vă permit să tastați, să lipiți și să partajați cu ușurință blocuri de cod sau text cu alte persoane online.

Despre autor