¿Cómo puedo mostrar fragmentos de Python codificados por colores en mi blog de Tumblr?

21

Tengo un blog administrado por Tumblr , en el que publico muchas publicaciones relacionadas con Python. ¿Cómo hago que los fragmentos de Python en mis publicaciones se muestren codificados por colores?

tumblr Ram Rachum
fuente

Respuestas:

14

Si tiene demasiados, diría que vaya a google-code-prettify .

Todo lo que tienes que hacer es incluir algunos javascript, css y listo.

Consulte algunos ejemplos y aquí está la configuración:

  1. Descargar una distribución
  2. Incluya el script y las hojas de estilo en su documento (deberá asegurarse de que el archivo css y js esté en su servidor, y ajustar las rutas en el script y la etiqueta de enlace)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Agregue onload = "prettyPrint ()" a la etiqueta del cuerpo de su documento.
  4. Modifique la hoja de estilo para obtener el color que prefiera
Lipis
fuente
El único problema que tuve con este método es que espera que marques tus codeetiquetas con un específico class, lo que no es bueno si estás usando la sintaxis Markdown. Afortunadamente, no es un problema hacerlo usando JS en la carga de la página.
Mladen Jablanović
8

Puedes usar hilite.me

hilite.me convierte sus fragmentos de código en un formato HTML muy impreso, fácilmente integrable en publicaciones de blog, correos electrónicos y sitios web.
Simplemente copie el código fuente en el panel izquierdo, seleccione el idioma y la combinación de colores y haga clic en "¡Resaltar!". El HTML del panel derecho ahora se puede pegar en su blog o correo electrónico, no se requieren archivos CSS o Javascript externos.
chanchal1987
fuente
7

Yo uso la esencia de Github para hacer esto. Pegue y cree la esencia y luego puede incrustarlos en cualquier página web, incluido tumblr.

Bagazo
fuente
Hay un problema aquí, necesita JS, por lo que si un usuario no lo tiene activado, o si un usuario es un robot de búsqueda, su código permanece invisible.
Mladen Jablanović
Desearía poder votar esto más de una vez. @ MladenJablanović Hoy en día no puedes usar la mayoría de la web sin JavaScript. Creo que eso no es realmente un problema.
Octavian A. Damiean
¿Puedes dar más detalles sobre cómo hacer esto? Acabo de probarlo y Gist renderiza la incrustación como scriptelementos: Tumblr escapa a estos, incluso si usa el modo HTML. ¿Algunas ideas?
cottsak