Desplegar sitios Hugo: Guía completa

Tabla de contenidos

Introducción

Una vez que tu sitio Hugo está construido, el siguiente paso es desplegarlo para hacerlo accesible al mundo. Esta guía cubre varias opciones de despliegue y mejores prácticas.

Plataformas de despliegue populares

1. Netlify

Netlify ofrece una experiencia de despliegue fluida:

terminal

1
2
3
4
5
6
7
8

# Crear netlify.toml
[build]
  publish = "public"
  command = "hugo --gc --minify"

[build.environment]
  HUGO_VERSION = "0.95.0"

2. Vercel

Vercel ofrece excelente rendimiento y análisis.

3. GitHub Pages

Perfecto para sitios de proyecto y blogs personales:

github-workflow.yml

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

name: GitHub Pages

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Configurar Hugo
        uses: peaceiris/actions-hugo@v2

Mejores prácticas de despliegue

Usar control de versiones
- Seguir tus cambios
- Colaborar eficazmente
- Habilitar despliegues automatizados
Optimizar recursos
- Comprimir imágenes
- Minificar CSS/JS
- Habilitar caché
Configurar CI/CD
- Automatizar compilaciones
- Ejecutar pruebas
- Desplegar automáticamente

Consideraciones de rendimiento

Velocidad de carga de página
- Optimizar imágenes
- Minimizar solicitudes HTTP
- Usar un CDN
SEO
- Configurar etiquetas meta
- Crear un sitemap
- Habilitar robots.txt