Fotografía de Domenico Loia, disponible en Unsplash.

Metablog (Hugo)

Fotografía de Domenico Loia, disponible en Unsplash.

Metablog (Hugo)

Personalmente, me encanta experimentar con nuevas tecnologías y el campo del desarrollo web es cierto que posee una miríada de ellas con las que, literalmente, pasar cientos de horas de entretenimiento. La cifra incluso se incrementa si a ello le añadimos que, en algunas ocasiones, es necesario aprender algún lenguaje de programación (más allá de la combinación HTML con CSS) para poder llevar a cabo modificaciones personales en los sitios web.

Tras pasar por plataformas clásicas como Blogger o Wordpress, la construcción de sitios webs estáticos ha captado poderosamente mi atención, pues de momento se ajusta perfectamente a mis necesidades. Una breve idilio con la combinación Jekyll y Ruby (tristemente finalizado al encontrar ciertos problemas de velocidad a la hora de generar localmente las páginas web), me ha llevado en la actualidad a lidiar con Hugo. De momento, aunque todavía no he iniciado el aprendizaje de su lenguaje de programación asociado, Go, he de confesar que el resultado a la hora de trabajar con el sitio web es más que satisfactorio.

Es por ello que, en este proyecto, recogeré a continuación diversas entradas del blog que ilustran detalladamente cómo generar una página web como Infinitos Contrastes, utilizando principalmente el tema Beautiful Hugo.

Lección Título
1 Preparando el equipo para Hugo
2 Instalando Hugo en Windows
3 Creando un sitio web con Hugo
4 Configurando el tema Ananke
5 Configurando el tema Beautiful Hugo (I)
6 Configurando el tema Beautiful Hugo (II)
7 Publicando la primera entrada en nuestro sitio web
8 Alojando nuestro sitio web en GitHub
9 Configurando el comportamiento de KaTeX
10 Mejorando la estética de los bloques de código
11 Unos cambios rápidos a las plantillas
Avatar
Alexis Sáez
Matemático

Cazador de problemas matemáticos en parajes opositores.

Artículos

Lección 11: implementando la localización al español de ciertos elementos de la web.

Lección 10: mejorando la legibilidad de los bloques de código fuente.

Lección 9: revisamos cómo añadir ecuaciones en línea y, además, modificamos el tamaño de la letra para las expresiones matemáticas.

Lección 8: analizamos cómo utilizar GitHub para publicar nuestra página web.

Lección 7: generamos una entrada para el blog y estudiamos cómo configurar sus metadatos.

Lección 6: finalizamos la edición del archivo de configuración del tema Beautiful Hugo.

Lección 5: instalamos el tema Beautiful Hugo y editamos en detalle su archivo de configuración.

Lección 4: analicemos cómo configurar algunos de los parámetros básicos del tema Ananke para personalizar el sitio web.

Lección 3: damos a luz un sitio web de prueba y lo revisamos localmente.

Lección 2: cómo instalar Hugo en Windows sin morir en el intento.

Lección 1: cómo instalar un buen sistema de control de versiones y un excelente editor de texto plano.