Skapa enkelt vackra källkodsbilder med kol

Twitter och andra sociala medieplattformar är bra sätt att dela små utdrag av användbar källkod. Det är trevligt att granera upp dessa prover lite med några vackra färger eller snygg dekoration.

Carbon webbappen låter dig skapa bilder av källkodsprover. Den har flera funktioner inklusive syntaxmarkering, olika teckensnitt och teman. Då kan du kopiera din kodbild till Medium, tweeta den eller spara den som en bildfil.

Grunderna i att använda kol

De Kolhemsida visar någon exempelkod i huvudtextrutan. Detta är redan en användbar demonstration av tjänsten. Det visar en exakt förhandsvisning av vilken typ av bild du kan skapa.

Börja med att ange en kod. Du kan kopiera och klistra in från en textredigerare eller skriva in den direkt. Observera att textrutan expanderar till bredden på din längsta rad.

Hur du anpassar din källkodsbild

Kol skapar en bild av din källkod med syntaxmarkerad, färgad text. Den presenterar din kod i ett grundfönster ovanpå en bakgrundsfärg eller bild.

Med temainställningen kan du använda en textfärgspalett från ett fördefinierat intervall. Många av dessa teman är vanligt förekommande bland textredigerare och annan befintlig programvara.

Språkinställningen blir Bil som standard, så Carbon kommer att försöka gissa språket. Men det är bäst att välja det specifika språket via rullgardinsmenyn. Vissa språk är svåra att upptäcka från källkoden ensam.

På en lägre nivå erbjuder Carbon olika stilinställningar för att finjustera den slutliga kodbilden. Dessa är alla tillgängliga under inställningsmenyn med kugghjulsikonen:

Du kan välja mellan 15 olika monospace-teckensnitt. Du kan inkludera fönsterkontroller i din bild och variera dess bredd eller vadderingen runt dess kodfönster. Du kan också ändra radhöjd, teckenstorlek och inkludera radnummer. Om du använder tjänsten ofta kan du spara dina inställningar som en förinställning för framtida användning.

Carbon's Integration With GitHub Gists

En mycket användbar funktion låter dig ladda källkoden från en GitHub Gist. Gör detta genom att lägga till Gist ID till Carbons domän för att få en URL i detta format:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon importerar sedan källkoden från Gist och du kan sedan arbeta med den som om du skulle ha skrivit in den direkt.

Hur man exporterar en kodbild från kol

När du har konfigurerat ditt kodexempel efter eget tycke är det dags att använda det. Du har två huvudalternativ här: twittra det eller spara det som en fil.

Carbon huvudsyfte är att förbättra kodbilder som publiceras på Twitter, så det presenterar tweeting som sitt första exportalternativ. Tryck på Tweet -knappen öppnar en dialog för skapande av tweet i ett popup-fönster. Tweeten fylls i förväg med en URL som omvandlas till en uppladdad bild när du skickar tweeten. Utöver det kan du redigera tweeten som du tycker passar.

Nedladdning av bilden som en fil ger lite mer flexibilitet. Du kan exportera den som en PNG eller SVG och skala storleken medan du gör det.

Med kol kan du också kopiera och klistra in den bild du skapat. Det innehåller ett alternativ som låter dig bädda in koden i ett Medium-inlägg eller ladda upp bilden till Imgur.

Fördelarna med att dela källkoden i en bild

Att dela källkoden som en bild har flera fördelar. I synnerhet för Twitter hjälper det att komma runt maximal tweetlängd. I teorin kan du skapa bilder som innehåller mycket mer kod än Twitters textgräns tillåter.

Relaterad: Hur man skriver längre tweets

Carbon huvudsakliga funktion är syntaxmarkering. Du kan för närvarande inte syntax markera vanlig text på Twitter eller många andra tjänster.

Källkodsbilder är också lättare att dela och lagra än källkodstext. Men de kan avskräcka kopiering av källkod, vilket kan vara bra. Du kan oroa dig för att människor kan kopiera din kod utan att förstå vad den faktiskt gör.

Nackdelarna med att bädda in källkoden i en bild

Bilder tar mycket mer lagringsutrymme än text. Även om det är möjligt att extrahera text från bilder, det kräver fortfarande extra ansträngning.

Viktigast är att text i bilder ofta är otillgänglig för dem som inte kan se den. Skärmläsare kanske till exempel inte kan komma åt sådan text. Carbons Tweet-knapp levererar automatiskt alt-text som mildrar problemet.

Använda kol för att dela dina kodavsnitt

Carbon gör att du enkelt kan skapa attraktiva bilder av källkodavsnitt. Det är en enkel webbapp som fokuserar på en specifik uppgift med tillräckligt med anpassning.

Carbon omvandlar din källkodstext till bilder och det kanske inte alltid är lämpligt. Om du vill dela din kod som faktisk text finns det många alternativ att göra det.

De 4 bästa pastebin-alternativen för delning av kod och text

Med dessa Pastebin-alternativ kan du enkelt skriva, klistra in och dela block av kod eller text med andra online.

Om författaren