Maak eenvoudig prachtige broncode-afbeeldingen met Carbon

Twitter en andere sociale mediaplatforms zijn geweldige manieren om kleine stukjes nuttige broncode te delen. Het is leuk om deze monsters een beetje op te fleuren met mooie kleuren of mooie versieringen.

Met de Carbon-webapp kunt u afbeeldingen van broncodevoorbeelden maken. Het biedt verschillende functies, waaronder syntaxisaccentuering, verschillende lettertypen en thema's. Vervolgens kunt u uw codeafbeelding naar Medium kopiëren, tweeten of opslaan als een afbeeldingsbestand.

De basisprincipes van het gebruik van koolstof

De Carbon startpagina geeft een voorbeeldcode weer in het hoofdtekstvak. Dit is al een nuttige demonstratie van de dienst. Het toont u een nauwkeurig voorbeeld van het soort afbeelding dat u kunt maken.

Begin met het invoeren van een code. U kunt kopiëren en plakken vanuit een teksteditor, of u kunt het rechtstreeks typen. Merk op dat het tekstvak wordt vergroot tot de breedte van uw langste regel.

Hoe u uw broncode-afbeelding kunt aanpassen

Carbon maakt een afbeelding van uw broncode met door de syntaxis gemarkeerde, gekleurde tekst. Het presenteert uw code in een basisvenster bovenop een achtergrondkleur of afbeelding.

Met de thema-instelling kunt u een tekstkleurenpalet toepassen uit een vooraf gedefinieerd bereik. Veel van deze thema's worden veel gebruikt door teksteditors en andere bestaande software.

De taalinstelling is Auto standaard, dus Carbon zal proberen de taal te raden. Maar het is het beste om de specifieke taal te selecteren via de vervolgkeuzelijst. Sommige talen zijn moeilijk te detecteren met alleen de broncode.

Op een lager niveau biedt Carbon verschillende stijlinstellingen om het uiteindelijke codebeeld aan te passen. Deze zijn allemaal beschikbaar onder het instellingenmenu met het tandwielpictogram:

U kunt kiezen uit een reeks van 15 verschillende monospace-lettertypen. U kunt vensterbesturingselementen in uw afbeelding opnemen en de breedte of de opvulling rond het codevenster variëren. U kunt ook de regelhoogte en lettergrootte wijzigen en regelnummers opnemen. Als u de service vaak gebruikt, kunt u uw instellingen opslaan als een voorinstelling voor toekomstig gebruik.

Carbon's integratie met GitHub Gists

Een zeer handige functie stelt u in staat om broncode te laden vanuit een GitHub Gist. Doe dit door de Gist-ID toe te voegen aan het domein van Carbon om een ​​URL in deze indeling te krijgen:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon zal dan de broncode uit die Gist importeren en je bent dan vrij om ermee te werken alsof je hem direct hebt getypt.

Hoe een code-afbeelding uit Carbon te exporteren

Nadat u uw codevoorbeeld naar wens heeft geconfigureerd, is het tijd om er gebruik van te maken. Je hebt hier twee hoofdopties: tweet het of sla het op als een bestand.

Het belangrijkste doel van Carbon is het verbeteren van codeafbeeldingen die op Twitter zijn gepost, dus het presenteert tweeten als de eerste exportoptie. Druk op de Tweet knop opent een dialoogvenster voor het maken van tweet in een pop-upvenster. De tweet is vooraf gevuld met een URL die wordt omgezet in een geüploade afbeelding wanneer u de tweet verzendt. Daarnaast kunt u de tweet naar eigen inzicht bewerken.

Het downloaden van de afbeelding als bestand biedt een beetje meer flexibiliteit. U kunt het exporteren als PNG of SVG en de grootte schalen terwijl u dit doet.

Met Carbon kun je de afbeelding die je hebt gemaakt ook kopiëren en plakken. Het bevat een optie waarmee u de code in een medium-bericht kunt insluiten of de afbeelding naar Imgur kunt uploaden.

De voordelen van het delen van broncode in een afbeelding

Het delen van broncode als afbeelding heeft verschillende voordelen. Vooral voor Twitter helpt het om de maximale tweetlengte te omzeilen. In theorie kun je afbeeldingen maken die veel meer code bevatten dan de tekstlimiet van Twitter toelaat.

Verwant: Hoe langere tweets te schrijven

Het belangrijkste kenmerk van Carbon is syntaxisaccentuering. U kunt op dit moment geen syntaxis markeren van platte tekst op Twitter of veel andere services.

Broncode-afbeeldingen zijn ook iets gemakkelijker te delen en op te slaan dan broncodetekst. Maar ze kunnen het kopiëren van broncode ontmoedigen, wat misschien een goede zaak is. U kunt zich zorgen maken dat mensen uw code kunnen kopiëren zonder te begrijpen wat deze werkelijk doet.

De nadelen van het insluiten van broncode in een afbeelding

Afbeeldingen nemen veel meer opslagruimte in beslag dan tekst. Hoewel het mogelijk is extraheer tekst uit afbeeldingen, het vereist nog steeds extra inspanning.

Het belangrijkste is dat tekst in afbeeldingen vaak niet toegankelijk is voor degenen die het niet kunnen zien. Schermlezers hebben bijvoorbeeld mogelijk geen toegang tot dergelijke tekst. De Tweet-knop van Carbon levert automatisch alternatieve tekst die dit probleem verhelpt.

Carbon gebruiken om uw codefragmenten te delen

Met Carbon kunt u eenvoudig aantrekkelijke afbeeldingen van broncodefragmenten maken. Het is een eenvoudige webapp die zich richt op één specifieke taak met net voldoende maatwerk.

Carbon converteert uw broncodetekst naar afbeeldingen en dit is misschien niet altijd geschikt. Als u uw code als daadwerkelijke tekst wilt delen, zijn er veel opties om dit te doen.

De 4 beste Pastebin-alternatieven voor het delen van code en tekst

Met deze Pastebin-alternatieven kunt u eenvoudig blokken code of tekst online typen, plakken en delen met anderen.

Over de auteur