Opret nemt smukke kildekodebilleder med kulstof

Twitter og andre sociale medieplatforme er gode måder at dele små uddrag af nyttig kildekode på. Det er rart at granere disse prøver lidt op med nogle smukke farver eller fancy dekoration.

Carbon webappen giver dig mulighed for at oprette billeder af kildekodeeksempler. Det giver flere funktioner, herunder syntaksfremhævning, forskellige skrifttyper og temaer. Derefter giver det dig mulighed for at kopiere dit kodebillede til Medium, tweet det eller gemme det som en billedfil.

Grundlæggende om brug af kulstof

Det Startside for kulstof viser nogle eksempler på kode i hovedtekstfeltet. Dette er allerede en nyttig demonstration af tjenesten. Det viser dig en nøjagtig forhåndsvisning af den slags billede, du kan oprette.

Start med at indtaste en kode. Du kan kopiere og indsætte fra en teksteditor eller skrive det direkte. Bemærk, at tekstfeltet udvides til bredden af ​​din længste linje.

Sådan tilpasser du dit kildekodebillede

Carbon opretter et billede af din kildekode med syntaks-fremhævet, farvet tekst. Den præsenterer din kode i et grundlæggende vindue oven på en baggrundsfarve eller et billede.

Temaindstillingen giver dig mulighed for at anvende en tekstfarvepalette fra et foruddefineret interval. Mange af disse temaer er almindeligt anvendt blandt teksteditorer og anden eksisterende software.

Sprogindstillingen vil være Auto som standard, så Carbon vil forsøge at gætte sproget. Men det er bedst at vælge det specifikke sprog via rullemenuen. Nogle sprog er vanskelige at opdage fra kildekoden alene.

På et lavere niveau giver Carbon forskellige stilindstillinger for at finjustere det endelige kodebillede. Disse er alle tilgængelige under indstillingsmenuen med tandhjulsikonet:

Du kan vælge mellem 15 forskellige monospace-skrifttyper. Du kan medtage vinduskontroller i dit billede og variere bredden eller polstringen omkring dets kodevindue. Du kan også ændre linjehøjde, skriftstørrelse og medtage linjenumre. Hvis du bruger tjenesten ofte, kan du gemme dine indstillinger som en forudindstilling til fremtidig brug.

Carbon's integration med GitHub Gists

En meget nyttig funktion giver dig mulighed for at indlæse kildekode fra en GitHub Gist. Gør dette ved at tilføje Gist ID til Carbon's domæne for at få en URL i dette format:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon importerer derefter kildekoden fra den Gist, og du er så fri til at arbejde med den, som om du ville indtaste den direkte.

Sådan eksporteres et kodebillede fra kulstof

Når du har konfigureret din kodeeksempel til din smag, er det tid til at bruge den. Du har to hovedmuligheder her: tweeter det eller gem det som en fil.

Carbons primære mål er at forbedre kodebilleder, der sendes på Twitter, så det præsenterer tweeting som sin første eksportmulighed. Ved at trykke på Tweet -knappen åbner en dialog til oprettelse af tweet i et popup-vindue. Tweeten er præudfyldt med en URL, der konverteres til et uploadet billede, når du sender tweeten. Ud over det kan du redigere tweeten, som du finder passende.

Download af billedet som en fil giver lidt mere fleksibilitet. Du kan eksportere den som en PNG eller SVG og skalere størrelsen, mens du gør det.

Carbon giver dig også mulighed for at kopiere og indsætte det billede, du har oprettet. Det inkluderer en mulighed, der giver dig mulighed for at integrere koden i et mellemstort indlæg eller uploade billedet til Imgur.

Fordelene ved at dele kildekoden i et billede

Deling af kildekode som et billede har flere fordele. Især for Twitter hjælper det med at omgå den maksimale tweetlængde. I teorien kan du oprette billeder, der indeholder meget mere kode, end Twitters tekstgrænse tillader.

Relaterede: Sådan skriver du længere tweets

Carbon's vigtigste funktion er syntaksfremhævning. Du kan i øjeblikket ikke syntaks fremhæve almindelig tekst på Twitter eller mange andre tjenester.

Kildekodebilleder er også lidt nemmere at dele og gemme end kildekodetekst. Men de kan modvirke kopiering af kildekode, hvilket kan være en god ting. Du er måske bekymret for, at folk kan kopiere din kode uden at forstå, hvad den rent faktisk gør.

Ulemperne ved at integrere kildekoden i et billede

Billeder optager meget mere lagerplads end tekst. Selvom det er muligt at udtræk tekst fra billeder, det kræver stadig ekstra indsats.

Vigtigst er det, at tekst i billeder ofte er utilgængelig for dem, der ikke kan se den. Skærmlæsere har f.eks. Muligvis ikke adgang til sådan tekst. Carbon's Tweet-knap leverer automatisk alt-tekst, som afhjælper dette problem.

Brug af kulstof til at dele dine kodestykker

Carbon giver dig mulighed for nemt at oprette attraktive billeder af kildekodestykker. Det er en simpel webapp, der fokuserer på en bestemt opgave med lige nok tilpasning.

Carbon konverterer din kildekodetekst til billeder, og det er måske ikke altid passende. Hvis du vil dele din kode som faktisk tekst, er der mange muligheder for at gøre det.

De 4 bedste alternativer til pastebin til deling af kode og tekst

Disse Pastebin-alternativer giver dig mulighed for nemt at skrive, indsætte og dele blokke af kode eller tekst med andre online.

Om forfatteren