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?
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?
Antworten:
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:
- Laden Sie eine Distribution herunter
- 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>- Fügen Sie onload = "prettyPrint ()" zum Body-Tag Ihres Dokuments hinzu.
- Ändern Sie das Stylesheet, um die gewünschte Farbe zu erhalten
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.
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.
scriptElemente gerendert - Tumblr entgeht diesen, auch wenn Sie den HTML-Modus verwenden. Irgendwelche Ideen?
codeTags mit einem bestimmten kennzeichnen. Diesclassist nicht gut, wenn Sie die Markdown-Syntax verwenden. Glücklicherweise ist es kein Problem, dies mit JS beim Laden der Seite zu tun.