domingo, 30 de octubre de 2022

Agregar HTML y Javascript en Markdown en Hugo

#Blog #Hugo #HTML #JavaScript

Para algunas secciones particulares del blog me interesa poder agregar algún fragmento de HTML o Javascript en una página individual.

Una posibilidad sería modificar los templates/ del sitio, y definir alguna lógica o condición para manejar cuándo y cómo incluir esos fragmentos de código.

Otra opción, que paso a explicar, es incluir el contenido directamente en los archivos markdown dentro de la carpeta content/* del sitio.

Para poder agregar contenido HTML (y usando una etiqueta <script> también Javascript), es necesario agregar la siguiente configuración en el archivo config.toml de Hugo:

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

Una vez hecho esto, podemos agregar directamente contenido HTML, y todo debería funcionar inmediatamente. Por ejemplo, agregando el código

<button onclick="alert('Hola!')">
  Saludar!
</button>

Se va a ver así:

Saludar!