Agregar HTML y Javascript en Markdown en Hugo
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í: