Erstellen Sie einfach schöne Quellcode-Bilder mit Carbon

Twitter und andere Social-Media-Plattformen sind großartige Möglichkeiten, um kleine Ausschnitte nützlichen Quellcodes zu teilen. Es ist schön, diese Muster mit hübschen Farben oder ausgefallenen Dekorationen ein wenig aufzupeppen.

Mit der Carbon-Web-App können Sie Bilder von Quellcodebeispielen erstellen. Es bietet verschiedene Funktionen, einschließlich Syntaxhervorhebung, verschiedene Schriftarten und Themen. Anschließend können Sie Ihr Codebild auf Medium kopieren, twittern oder als Bilddatei speichern.

Die Grundlagen der Verwendung von Kohlenstoff

Das Carbon Homepage Zeigt einen Beispielcode in seinem Haupttextfeld an. Dies ist bereits eine nützliche Demonstration des Dienstes. Es zeigt Ihnen eine genaue Vorschau der Art von Bild, die Sie erstellen können.

Beginnen Sie mit der Eingabe eines Codes. Sie können aus einem Texteditor kopieren und einfügen oder direkt eingeben. Beachten Sie, dass das Textfeld auf die Breite Ihrer längsten Zeile erweitert wird.

So passen Sie Ihr Quellcode-Bild an

Carbon erstellt ein Bild Ihres Quellcodes mit syntaktisch hervorgehobenem, farbigem Text. Es präsentiert Ihren Code in einem einfachen Fenster über einer Hintergrundfarbe oder einem Bild.

Mit der Themeneinstellung können Sie eine Textfarbpalette aus einem vordefinierten Bereich anwenden. Viele dieser Themen werden häufig von Texteditoren und anderer vorhandener Software verwendet.

Die Spracheinstellung wird sein Auto Standardmäßig versucht Carbon, die Sprache zu erraten. Am besten wählen Sie die jeweilige Sprache über das Dropdown-Menü aus. Einige Sprachen sind allein aus dem Quellcode nur schwer zu erkennen.

Auf einer niedrigeren Ebene bietet Carbon verschiedene Stileinstellungen, um das endgültige Codebild zu optimieren. Diese sind alle im Einstellungsmenü mit dem Zahnradsymbol verfügbar:

Sie können aus 15 verschiedenen Monospace-Schriftarten auswählen. Sie können Fenstersteuerelemente in Ihr Bild aufnehmen und dessen Breite oder den Abstand um das Codefenster variieren. Sie können auch die Zeilenhöhe und Schriftgröße ändern und Zeilennummern einfügen. Wenn Sie den Dienst häufig verwenden, können Sie Ihre Einstellungen als Voreinstellung für die zukünftige Verwendung speichern.

Integration von Carbon in GitHub Gists

Eine sehr nützliche Funktion ermöglicht es Ihnen, Quellcode von a zu laden GitHub Gist. Fügen Sie dazu die Gist-ID an die Domain von Carbon an, um eine URL in diesem Format zu erhalten:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon importiert dann den Quellcode aus dieser Liste und Sie können damit arbeiten, als hätten Sie ihn direkt eingegeben.

So exportieren Sie ein Codebild aus Carbon

Sobald Sie Ihr Codebeispiel nach Ihren Wünschen konfiguriert haben, ist es Zeit, es zu verwenden. Sie haben hier zwei Hauptoptionen: Twittern oder als Datei speichern.

Das Hauptziel von Carbon ist die Verbesserung der auf Twitter veröffentlichten Codebilder. Daher wird Tweeten als erste Exportoption angeboten. Drücken Sie die Tweet Die Schaltfläche öffnet einen Dialog zum Erstellen von Tweets in einem Popup-Fenster. Der Tweet ist mit einer URL gefüllt, die beim Senden des Tweets in ein hochgeladenes Bild umgewandelt wird. Darüber hinaus können Sie den Tweet nach Belieben bearbeiten.

Das Herunterladen des Bildes als Datei bietet etwas mehr Flexibilität. Sie können es als PNG oder SVG exportieren und dabei die Größe skalieren.

Mit Carbon können Sie auch das von Ihnen erstellte Bild kopieren und einfügen. Es enthält eine Option, mit der Sie den Code in einen mittleren Beitrag einbetten oder das Bild in Imgur hochladen können.

Die Vorteile der Freigabe von Quellcode in einem Bild

Das Teilen von Quellcode als Bild hat mehrere Vorteile. Insbesondere für Twitter ist es hilfreich, die maximale Tweet-Länge zu umgehen. Theoretisch können Sie Bilder erstellen, die viel mehr Code enthalten, als das Textlimit von Twitter zulässt.

Verbunden: So schreiben Sie längere Tweets

Das Hauptmerkmal von Carbon ist die Syntaxhervorhebung. Sie können derzeit keinen Text auf Twitter oder vielen anderen Diensten in der Syntax hervorheben.

Quellcode-Bilder sind auch etwas einfacher zu teilen und zu speichern als Quellcode-Text. Sie können jedoch das Kopieren von Quellcode verhindern, was eine gute Sache sein könnte. Sie könnten befürchten, dass Benutzer Ihren Code kopieren können, ohne zu verstehen, was er tatsächlich tut.

Die Nachteile der Einbettung von Quellcode in ein Bild

Bilder beanspruchen viel mehr Speicherplatz als Text. Obwohl es möglich ist Text aus Bildern extrahierenerfordert es noch zusätzlichen Aufwand.

Am wichtigsten ist, dass Text in Bildern für diejenigen, die ihn nicht sehen können, häufig nicht zugänglich ist. Beispielsweise können Bildschirmleser möglicherweise nicht auf solchen Text zugreifen. Die Tweet-Schaltfläche von Carbon liefert automatisch Alternativtext, wodurch dieses Problem behoben wird.

Verwenden von Carbon zum Teilen Ihrer Code-Snippets

Mit Carbon können Sie auf einfache Weise attraktive Bilder von Quellcode-Schnipsel erstellen. Es handelt sich um eine einfache Web-App, die sich auf eine bestimmte Aufgabe konzentriert und gerade ausreichend angepasst werden kann.

Carbon konvertiert Ihren Quellcodetext in Bilder und dies ist möglicherweise nicht immer angemessen. Wenn Sie Ihren Code als tatsächlichen Text freigeben möchten, gibt es viele Möglichkeiten, dies zu tun.

Die 4 besten Pastebin-Alternativen zum Teilen von Code und Text

Mit diesen Pastebin-Alternativen können Sie Code- oder Textblöcke einfach online eingeben, einfügen und für andere freigeben.

Über den Autor