Posts mit dem Label Quellcode werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Quellcode werden angezeigt. Alle Posts anzeigen

Montag, 1. Juli 2013

Quellcode in Blogger Beiträge mit GitHub Gist einfügen

Da ich in Zukunft geplant habe des öfteren Quellcode in meine Beiträge bei Blogger einzubinden, habe ich mich nach einer einfachen Methode umgeschaut. Bei der Suche bin ich auf GitHub Gist aufmerksam geworden. Es folgt eine kurze Anleitung, wie der Quellcode in einem Blogger Beitrag eingebunden werden kann.
  1. Öffnet die Seite von GitHub Gist ( https://gist.github.com/ )
  2. Dort könnt ihr eine Gist Beschreibung angeben. Das ist optional und nicht zwingend erforderlich.
  3. Dann gebt einen Namen für den Quellcode ein und wählt die gewünschte Programmiersprache aus. Ich habe als Beispiel-Quellcode eine Java-Datei gewählt. Als Name bei GitHub Gist habe ich "androtech.java" eingegeben.
  4. Fügt euren Quellcode in das untere Textfeld ein.
  5. Dann wählt den Button "Create Public Gist"
     und kopiert den Eintrag unter "Embed this Gist" ( Bild 1). 
"Embed this Gist" in Blogger einfügen

Damit sind die Einstellungen bei GitHub Gist abgeschlossen und ihr könnt wieder zu Blogger wechseln. Dort wechselt ihr in die HTML-Ansicht eures Beitrags und fügt das Skript dort ein, wo der Quellcode im Post erscheinen soll.
Als letzten Schritt muss unter den Post-Einstellungen auf der rechten Seite die Option "Eingegebenen HTML-Text interpretieren" angewählt sein (Bild 2).

Post-Einstellungen
Das war es auch schon. Jetzt erstrahlt euer Quellcode im neuen Glanze. Mein Java-Beispiel sieht bei Blogger jetzt folgendermaßen aus:


Related Posts Plugin for WordPress, Blogger...