Lag enkelt vakre kildekodebilder med karbon

Twitter og andre sosiale medieplattformer er gode måter å dele små utdrag av nyttig kildekode. Det er fint å pusse opp disse prøvene litt med noen pene farger eller fancy dekorasjon.

Carbon web-appen lar deg lage bilder av kildekodeeksempler. Det gir flere funksjoner, inkludert syntaksfremheving, forskjellige skrifttyper og temaer. Deretter lar du deg kopiere kodebildet til Medium, tweet det eller lagre det som en bildefil.

Grunnleggende om bruk av karbon

De Startside for karbon viser noen eksempler på kode i hovedtekstboksen. Dette er allerede en nyttig demonstrasjon av tjenesten. Det viser deg en nøyaktig forhåndsvisning av hva slags bilde du kan lage.

Start med å skrive inn noen kode. Du kan kopiere og lime inn fra et tekstredigeringsprogram, eller skrive det inn direkte. Legg merke til at tekstboksen utvides til bredden på den lengste linjen.

Hvordan tilpasse kildekoden

Karbon skaper et bilde av kildekoden din med syntaks-uthevet, farget tekst. Den presenterer koden din i et grunnleggende vindu på toppen av en bakgrunnsfarge eller et bilde.

Temainnstillingen lar deg bruke en tekstfargepalett fra et forhåndsdefinert område. Mange av disse temaene er i vanlig bruk blant tekstredigerere og annen eksisterende programvare.

Språkinnstillingen vil være Auto som standard, så Carbon vil prøve å gjette språket. Men det er best å velge det spesifikke språket via rullegardinmenyen. Noen språk er vanskelig å oppdage fra kildekoden alene.

På et lavere nivå gir Carbon forskjellige stilinnstillinger for å finjustere det endelige kodebildet. Disse er alle tilgjengelige under innstillingsmenyen med tannhjulikonet:

Du kan velge mellom en rekke 15 forskjellige monospace-skrifter. Du kan inkludere vinduskontroller i bildet ditt og variere bredden eller polstringen rundt kodevinduet. Du kan også endre linjehøyde, skriftstørrelse og inkludere linjenumre. Hvis du bruker tjenesten ofte, kan du lagre innstillingene dine som en forhåndsinnstilling for fremtidig bruk.

Carbon’s Integration With GitHub Gists

En veldig nyttig funksjon lar deg laste kildekode fra en GitHub Gist. Gjør dette ved å legge til Gist ID på Carbon sitt domene for å få en URL i dette formatet:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon vil da importere kildekoden fra Gist, og du kan da jobbe med den som om du ville skrevet den inn direkte.

Hvordan eksportere et kodebilde fra karbon

Når du har konfigurert kodeeksemplet etter eget ønske, er det på tide å bruke det. Du har to hovedalternativer her: tweet det eller lagre det som en fil.

Carbon har som hovedmål å forbedre kodebilder lagt ut på Twitter, så det presenterer twitring som sitt første eksportalternativ. Trykk på kvitring -knappen åpner en dialog for opprettelse av tweet i et popup-vindu. Tweeten er forhåndsutfylt med en URL som konverteres til et opplastet bilde når du sender tweeten. Utover det kan du redigere tweeten etter eget ønske.

Nedlasting av bildet som en fil gir litt mer fleksibilitet. Du kan eksportere den som en PNG eller SVG og skalere størrelsen mens du gjør det.

Carbon lar deg også kopiere og lime inn bildet du har opprettet. Det inkluderer et alternativ som lar deg legge inn koden i et middels innlegg eller laste opp bildet til Imgur.

Fordelene ved å dele kildekoden i et bilde

Deling av kildekode som bilde har flere fordeler. Spesielt for Twitter hjelper det å omgå den maksimale tweetlengden. I teorien kan du lage bilder som inneholder mye mer kode enn Twitters tekstgrense tillater.

I slekt: Hvordan du skriver lengre tweets

Carbons hovedtrekk er syntaksmarkering. Du kan for øyeblikket ikke syntaks markere ren tekst på Twitter eller mange andre tjenester.

Kildekodebilder er også litt lettere å dele og lagre enn kildekodetekst. Men de kan motvirke kopiering av kildekode, noe som kan være bra. Du kan bekymre deg for at folk kan kopiere koden din uten å forstå hva den faktisk gjør.

Ulempene med å legge inn kildekoden i et bilde

Bilder tar mye mer lagringsplass enn tekst. Selv om det er mulig å trekke ut tekst fra bilder, det krever fortsatt ekstra innsats.

Viktigst er at tekst i bilder ofte er utilgjengelig for de som ikke kan se den. Skjermlesere, for eksempel, har kanskje ikke tilgang til slik tekst. Tweet-knappen for Carbon leverer automatisk alt-tekst som demper dette problemet.

Bruke karbon til å dele kodebitene dine

Carbon lar deg enkelt lage attraktive bilder av kildekodebiter. Det er en enkel webapp som fokuserer på en spesifikk oppgave med akkurat nok tilpasning.

Carbon konverterer kildekodeteksten din til bilder, og det er ikke alltid det er passende. Hvis du vil dele koden din som faktisk tekst, er det mange muligheter for å gjøre det.

De 4 beste pastebin-alternativene for deling av kode og tekst

Disse Pastebin-alternativene lar deg skrive, lime inn og dele blokker med kode eller tekst med andre på nettet.

Om forfatteren