Mi sitio con Hugo

Un sitio generado con Hugo, como ejemplo mínimo sin usar ningún tema, sólo plantillas en la carpeta layouts y un poco de CSS. Se dejan de lado muchas características de Hugo a propósito para que el código sea sencillo de seguir y con el menor uso posible de las funcionalidades del generador.

Algunas notas:

  • Solo tres plantillas: baseof para el HTML general, home para la portada y page para cualquier otra página
  • Se carga picocss como estilo base con pequeñas modificaciones en static/css/estilos.css. Pico genera una web adaptada a móviles y con tema claro y oscuro según la configuración del sistema.
  • Dos tipos de contenido en la carpeta content, todo escrito en markdown:
    • articulos para entradas de diario, que deben llevar una fecha y se listarán en la portada en sentido cronológico inverso
    • paginas para contenido estático, sin ningún listado específico, pero se pueden enlazar en el menú de navegación en la plantilla baseof.
  • En codeberg no hay despliegue automático. Para este ejemplo subo la carpeta public de manera manual a un proveedor (Netlify). Lo ideal es automatizar la subida de cambios pero queda fuera de este proyecto.

La estructura generada a partir del código fuente en: https://codeberg.org/jsanz/hugo-minimal-example es la siguiente:

public
├── articulos
│   ├── 2025-08-10-hola-mundo
│   │   └── index.html
│   ├── 2025-08-13-cosa-importante
│   │   └── index.html
│   └── 2025-08-19-chiste
│       └── index.html
├── css
│   ├── estilos.css
│   ├── pico.colors.min.css
│   └── pico.min.css
├── imgs
│   └── favicon.ico
├── index.html
├── index.xml
├── paginas
│   ├── acerca-de
│   │   └── index.html
│   └── enlaces
│       └── index.html
└── sitemap.xml

Creado for Jorge Sanz (Mastodon)

Blog