Comment puis-je afficher des extraits de code Python à code couleur dans mon blog Tumblr

21

J'ai un blog géré par Tumblr , sur lequel je poste de nombreux articles liés à Python. Comment faire pour que les extraits de code Python dans mes messages affichent un code couleur?

tumblr Ram Rachum
la source

Réponses:

14

Si vous en avez trop, je dirais optez pour google-code-prettify .

Tout ce que vous avez à faire est d'inclure du javascript, du CSS et ensuite vous avez terminé.

Vérifiez quelques exemples et voici la configuration:

  1. Télécharger une distribution
  2. Incluez le script et les feuilles de style dans votre document (vous devrez vous assurer que les fichiers css et js sont sur votre serveur et ajuster les chemins dans le script et la balise de lien)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Ajoutez onload = "prettyPrint ()" à la balise body de votre document.
  4. Modifiez la feuille de style pour obtenir la coloration que vous préférez
Lipis
la source
Le seul problème que j'ai eu avec cette méthode est qu'elle s'attend à ce que vous marquiez vos codebalises avec un spécifique class, ce qui n'est pas bien si vous utilisez la syntaxe Markdown. Heureusement, ce n'est pas un problème de le faire en utilisant JS au chargement de la page.
Mladen Jablanović
8

Vous pouvez utiliser hilite.me

hilite.me convertit vos extraits de code en un joli format HTML, facilement intégrable dans des articles de blog, des e-mails et des sites Web.
Copiez simplement le code source dans le volet gauche, sélectionnez la langue et le jeu de couleurs, puis cliquez sur "Mettre en surbrillance!". Le code HTML du volet droit peut maintenant être collé sur votre blog ou votre e-mail, aucun fichier CSS ou Javascript externe n'est requis.
chanchal1987
la source
7

J'utilise l' essentiel de Github pour ce faire. Collez et créez l'essentiel et vous pouvez ensuite les intégrer dans n'importe quelle page Web, y compris tumblr.

Marc
la source
Il y a un problème ici, il a besoin de JS, donc si un utilisateur ne l'a pas activé, ou si un utilisateur est un robot de recherche, votre code reste invisible.
Mladen Jablanović
J'aimerais pouvoir voter plus d'une fois. @ MladenJablanović De nos jours, vous ne pouvez pas utiliser la majorité du Web sans JavaScript. Je pense que ce n'est pas vraiment un problème.
Octavian A. Damiean
Pouvez-vous donner plus de détails sur la façon de procéder? Je viens de l'essayer et gist rend l'intégration en tant scriptqu'éléments - Tumblr y échappe, même si vous utilisez le mode HTML. Des idées?
cottsak