Wie kann ich farbcodierte Python-Snippets in meinem Tumblr-Blog anzeigen?

21

Ich habe einen von Tumblr verwalteten Blog , in dem ich viele Python-bezogene Beiträge poste. Wie kann ich die Python-Snippets in meinen Posts farblich kennzeichnen lassen?

tumblr Ram Rachum
quelle

Antworten:

14

Wenn Sie zu viele haben, würde ich sagen, gehen Sie für Google-Code-Prettify .

Alles, was Sie tun müssen, ist, etwas Javascript, CSS und dann sind Sie fertig.

Überprüfen Sie einige Beispiele und hier ist das Setup:

  1. Laden Sie eine Distribution herunter
  2. Fügen Sie das Skript und die Stylesheets in Ihr Dokument ein (Sie müssen sicherstellen, dass sich die CSS- und JSS-Datei auf Ihrem Server befindet, und die Pfade im Skript- und Link-Tag anpassen).
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Fügen Sie onload = "prettyPrint ()" zum Body-Tag Ihres Dokuments hinzu.
  4. Ändern Sie das Stylesheet, um die gewünschte Farbe zu erhalten
Lipis
quelle
Das einzige Problem, das ich mit dieser Methode hatte, ist, dass erwartet wird, dass Sie Ihre codeTags mit einem bestimmten kennzeichnen. Dies classist nicht gut, wenn Sie die Markdown-Syntax verwenden. Glücklicherweise ist es kein Problem, dies mit JS beim Laden der Seite zu tun.
Mladen Jablanović
8

Sie können hilite.me verwenden

hilite.me konvertiert Ihre Code-Schnipsel in ein hübsch gedrucktes HTML-Format, das sich problemlos in Blog-Posts, E-Mails und Websites einbetten lässt .
Kopieren Sie einfach den Quellcode in den linken Bereich, wählen Sie die Sprache und das Farbschema aus und klicken Sie auf "Hervorheben!". Der HTML-Code aus dem rechten Bereich kann jetzt in Ihr Blog oder Ihre E-Mail eingefügt werden. Es sind keine externen CSS- oder Javascript-Dateien erforderlich.
chanchal1987
quelle
7

Ich benutze Githubs Kern , um dies zu tun. Fügen Sie den Inhalt ein und erstellen Sie ihn. Anschließend können Sie ihn in jede Webseite, einschließlich Tumblr, einbetten.

Marc
quelle
Es gibt hier ein Problem, es benötigt JS. Wenn ein Benutzer es nicht aktiviert hat oder wenn ein Benutzer ein Suchbot ist, bleibt Ihr Code unsichtbar.
Mladen Jablanović
Ich wünschte, ich könnte dies mehr als einmal befürworten. @ MladenJablanović Heutzutage können Sie den größten Teil des Webs nicht ohne JavaScript nutzen. Ich denke, das ist kein wirkliches Problem.
Octavian A. Damiean
Können Sie weitere Einzelheiten dazu angeben? Ich habe es gerade ausprobiert und habe die Einbettung als scriptElemente gerendert - Tumblr entgeht diesen, auch wenn Sie den HTML-Modus verwenden. Irgendwelche Ideen?
Cottsak