Personalizar el tema Minimo para Hugo

2019-12-30

Me gustan los temas oscuros, lo reconozco, en todos mis equipos procuro tener instalado un tema dark si es posible, y el blog no iba a ser menos.

El tema Minimo es un gran tema, tiene casi todo lo que quiero para un blog, de hecho lo he estado utilizando durante un tiempo para este sitio, lo único que no me gusta del tema, es el color blanco, demasiado para mi gusto y particularmente me hace daño la vista.

El desarrollador de Minimo ha pensado en esto y te deja la posibilidad de modificar por completo el diseño del tema creando un nuevo fichero CSS, no necesitas andar tocando plantillas.

En el fichero de configuración del tema, config.toml, puedes definir el nombre y la ubicación del fichero CSS que va a contener las modificaciones del tema, en mi caso reside dentro de la carpeta ~static/css/ y lo he llamado custom.css, para que nos vamos a complicar la vida :wink:

[params.assets]
customCSS = ["css/custom.css"]
customJS = ["js/custom.js"]

Ahora sólo te queda ir cambiando el archivo CSS según tus gustos, puedes utilizar el Inspector dentro del menú Desarrollador Web de Firefox como ayuda.

Tema original

Personalizado

Espero que te haya gustado, pasa un buen día… 🐧

Ingrese la dirección de su instancia


Más publicaciones como esta

Crea tu blog con Hugo y Gitlab Pages

2019-09-16 | #gitlab #hugo

Anteriormente ya vimos como crear un blog estático mediante Jekyll y Gitlab Pages, tambión vimos como obtener tu propio certificado para ese mismo blog. En el articulo de hoy vamos a ver como utilizar Hugo y Gitlab Pages para crear tu propio blog.

Continuar leyendo 