Hugo: Static Site Generator, Themes, Guía Performance

¿Qué es Hugo?

Hugo es un static site generator (SSG) open-source escrito en Go. Toma contenido Markdown + templates HTML/Go + un archivo config y produce un sitio HTML completamente estático que puede deployarse a cualquier CDN, S3, GitHub Pages, Netlify o Cloudflare. Hugo es famoso por su velocidad build, genera miles de páginas en segundos, frecuentemente 10-100× más rápido que SSGs basados en Node como Gatsby o Next.js export.

Hugo es single-binary (sin Node, sin Ruby, sin runtime dependencies).

¿Por qué Hugo?

• Builds insanely fast.
• Single binary.
• Contenido desde Markdown.
• Templating poderoso.
• Ecosistema themes.
• Multi-language out-of-box.
• Image processing.
• Formatos output.

Estructura proyecto Hugo

my-site/
├── archetypes/
├── content/
│   ├── posts/post-1.md
│   └── about.md
├── data/
├── layouts/_default/single.html
├── static/
├── themes/
├── public/
└── hugo.toml

Hugo vs otros SSGs

Quickstart

brew install hugo
hugo new site my-site
cd my-site
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke themes/ananke
hugo server -D
hugo --minify

Front matter Markdown

+++
title = 'My First Post'
date = 2026-05-05
tags = ['hugo', 'tutorial']
+++

# Hello, Hugo!

Sintaxis template Hugo

{{ define "main" }}
  <h1>{{ .Title }}</h1>
  {{ .Content }}
{{ end }}

Mejores prácticas Hugo

• Hugo Pipes para procesamiento assets.
• Hugo Modules para themes.
• Image processing built-in.
• Page bundles para localidad assets.
• Multi-language: dirs contenido per-language.
• Deployar a CDN.
• --minify en producción.
• Cache busting vía fingerprinting.

Pitfalls comunes

• Cambios breaking theme.
• Curva aprendizaje template Go.
• Features dinámicos limitados.
• Datos build-time only.
• Resize imagen lento en primer build.
• Variabilidad Markdown.

Opciones deployment Hugo

FAQ: Hugo

¿Hugo o Jekyll?

Hugo es dramáticamente más rápido (10-100×).

¿Hugo o Astro?

Hugo para builds más rápidos. Astro para componentes interactivos.

¿Puede Hugo hacer server-side rendering?

No. Hugo es un SSG.

¿Cómo añado comentarios a un sitio Hugo?

Third-party: Disqus, Utterances, Giscus, Cusdis.

¿Es Hugo bueno para sitios grandes?

Sí. Hugo es el SSG más rápido.

¿Soporta Hugo sitios multi-language?

Sí, i18n built-in.

¿Diferencia entre Hugo themes y modules?

Themes: approach tradicional. Modules: sistema Go-modules de Hugo.

Testea performance sitio Hugo con LoadFocus

LoadFocus corre auditorías Lighthouse + load tests desde 25+ regiones. Regístrate en loadfocus.com/signup.