manumateos.dev

Tagcloud en una página de Hugo

He creado una nueva sección en este sitio. Básicamente es una página con un tagcloud para tener una forma visual de saber de qué temas hablo más, y de navegar por ellos.

No ha sido sencillo sobre todo porque para mí esto es tecnología “nueva”, pero al final leyendo un par de cosas he conseguido sacarlo adelante, y que la página inicial de la taxonomía tags de este sitio Web de Hugo muestre un tagcloud.

El tagcloud en sí mismo

Reconozco que he fusilado vilmente el código de este post de Mert Bakır, simplemente quitando que los tags aparezcan en una lista desordenada; en mi caso es una mera sucesión de <span>. De momento me sirve, ya lo dejaré más bonito.

Cómo personalizar la homepage de una sección en Hugo

Esto ha sido lo que me ha dado un poco más de guerra: saber qué ficheros he tenido que editar para que la url /tags/ de este sitio Web mostrara el tagcloud.

Tras echar un ojo a la página Template lookup order de la documentación de Hugo vi que tenía que echar un ojo al fichero config.toml de mi sitio Web. Y la sección de taxonomías tiene esta pinta en el momento de escribir esta nota:

[taxonomies]
category = "categories"
tag = "tags"
series = "series"

Por ello, al releer la documentación deduje que el fichero donde tenía que colocar el código del tagcloud tenía que estar en la ruta ./layouts/tags/tag.terms.html.html. Et voilà, ahí está el tagcloud para quien lo quiera navegar.