Emirodgar

Colorear el código con markdown en Jekyll

Publicado el 27/01/2022 1 minuto de lectura Programación

Cuando hacemos uso de Jekyll y Markdown suele ser frecuente que incluyamos pequeños fragmentos de código eventualmente.

Por norma general, para poder incluir código fuente lo hacemos dentro de un bloque entre comillado de la siguiente forma.

```html
   <meta http-equiv="X-UA-Compatible" content="chrome=1">
   <link rel="icon" href="https://emirodgar.com/cdn/images/hash.png">

Básicamente indicamos el lenguaje de programación que vamos a utilizar para que sea formatea de forma correcta.

Por defecto, Jekyll hace uso de Rouge para formatear y colorear hasta más de 100 lenguajes de programación facilitando por tanto la lectura y análisis por parte de los usuarios.

Listado de los lenguajes soportados por Rouge

En el caso de no especificar uno por defecto, se coloreará con los colores base sin destacar ninguna parte específica.

Templates para colorear el código fuente

Si queremos modificar los colores predeterminados lo podemos hacer creando un código CSS propio o haciendo uso de los múltiples templates ya existentes.

En este último caso bastará con que seleccionemos el que más nos guste e incorporemos su código en nuestra página.