Cómo construir tu página web con Hugo
Muchas veces queremos hacer un portfolio, una página personal, algo que nos represente en internet. Y siempre pasa lo mismo: nos enfrentamos a la hoja en blanco.
¿Por dónde empiezo? ¿WordPress? ¿Un framework moderno? ¿Contrato hosting? ¿Y las imágenes? ¿Y el SEO?
Antes de que te pierdas en opciones, te propongo algo más simple: ¿por qué no comenzar con un quién soy, algunos links a tus redes y quizás algunos posts sobre lo que estás aprendiendo o haciendo? Sin lo complicado que puede ser gestionar un CMS, sin pagar hosting, sin configurar servidores.
Para eso llegó Hugo.
Qué es Hugo
Hugo es un generador de sitios estáticos construido en Go. Es open source, es rápido —muy rápido— y no necesitas saber programar para usarlo. Escribes tu contenido en Markdown, eliges un tema y Hugo genera un sitio listo para publicar.
No hay base de datos. No hay servidor que mantener. Solo archivos HTML estáticos que puedes alojar en cualquier lugar, incluido GitHub Pages, completamente gratis.
Por dónde empezar
Siempre recomiendo comenzar por el getting started oficial. Instalar Hugo es sencillo, viene con lo básico para arrancar, incluye un servidor local con hot reload y una configuración clara en un archivo hugo.toml.
Una vez instalado, lo siguiente es elegir un tema. Hay muchas opciones en themes.gohugo.io —minimalistas, enfocados en blogs, en portfolios, en documentación. Elige uno que se acerque a lo que quieres y personalízalo desde ahí.
La parte honesta
No te voy a mentir: lo más divertido de construir esta página fue agarrar Claude, crear un directorio y explicarle qué quería hacer, qué tema quería usar y pedirle que fuera armando el portfolio conmigo. Fue rápido y directo. Pero tampoco te mentiré en que necesitaba saber qué quería. Haber trabajado antes con CSS, HTML y Markdown me permitió pedir cosas de manera explícita y avanzar más rápido.
Tenía ya una primera versión de mi página —la había construido con Vercel, lo que era un poco overkill para lo que necesitaba. Decidí rehacerla con Hugo, enfocando los esfuerzos en algo simple y claro.
El resultado
Una página personal con lo esencial: quién soy, mis redes, un blog. Sin complejidad innecesaria, sin costos de infraestructura y desplegada en minutos.
Si estás pensando en hacer lo mismo, te invito a probar Hugo. Sigue sus pasos para instalarlo, elige un tema que te guste y empieza. No necesitas tener todo resuelto desde el principio —yo tampoco lo tenía.
Y lo mejor: cuando estés listo, puedes desplegarlo gratis en GitHub Pages.