Tumblr und Code Highlighting
Da dieser Blog ja nicht umsonst Ich Bin Programmierer! heißt, werden hier auch Code-Snippets von mir gepostet.
Dabei muss der Code eine gewisse Lesbarkeit garantieren. Dies ist leicht durch Code Highlighting zu realisieren.
Bei Google wird man recht schnell fündig, wenn man die richtigen Begriffe eingibt. Ich habe hier einfach mal die 3 Möglichkeiten aufgelistet die ich in 5 Minuten gefunden hatte:
Nützlich sind bestimmt alle, nur welche ist es für mich persönlich.
Highlight.js und Google Code Prettify sind ähnlich, nur das der erste den Code angeblich automatisch erkennt. Vor allem wenn man Markdown benutzt. Da ich Markdown zum ersten mal lese, scheidet Highlight.js für mich aus. Es ist bestimmt etwas ganz tolles aber ich bin nicht in der Laune mich heute mit etwas neuem zu beschäftigen. Hilite.me ist einfach nur eine Homepage die dein Code Formatiert und dir ein passendes HTML ausspuckt. Set einfach, und sehr schön. Ich habe 2 Sekunden gebraucht um da rein zu kommen. Also denke ich Hilite.me wird mein Favorit werden, trotzdem bin neugierig wie Google das ganze handhabt. Also testen wir das mal.
Die Anleitung ist sehr übersichtlich und die findet man hier.
Nach dem Download und dem Entpacken, kann man die gewünschten Files mithilfe von Tumblr Upload Static File hochladen. Beim hochladen von mehreren Dateien sollte man sich die Pfade zwischenspeichern. Diese werden bestimmt irgendwo zu finden sein, nur weiß ich zu diesem Zeitpunkt nicht wo.
Danach müssen zunächst 2 HTML Passagen hinzugefügt werden.
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>
Sehr leicht zu realisieren. Einfach "Template anpassen -> Bearbeiten HTML" und eine Passende stelle finden.
Als nächstes muss onload="prettyPrint()" zum Body hinzugefügt werden. Das HTML ist ja praktischer weise gerade geöffnet.
Fertig!
Mal sehen wie es sich anfühlt:
Namespace ProgNinja
{
public class DoIt
{
private int value = 0;
private string text = String.Empty;
public DoIt (int value, string text)
{
this.value = value;
this.text = text;
}
}
}
Nicht 100% aber schon nicht schlecht, jetzt müsste man die CSS dementsprechend anpassen.
Hier ein kleines Beispiel von Hilite.me:
1 2 3 4 5 6 7 8 9 10 11 public class DoIt { private int value = 0; private string text = String.Empty; public DoIt (int value, string text) { this.value = value; this.text = text; } }
Leider wird das nicht richtig dargestellt, da Tumblr den HTML Code von Hilite.me extrem kürzt und den Rest macht das Template. Schade drum, also passe ich das css von Google an oder lade mir ein entsprechendes Template runter.
In diesem Sinne, frohes schaffen
ProgNinja
prguitarman
janainaart
origamiaround
annaxmalina
snowghoul
areudirty
turnnoffyourmind
gummygunk
