TechDocsCove ^es   ↩︎

# Comenzando con el generador de sitios estáticos Hugo (SSG)

Hugo es un popular generador de sitios estáticos (SSG) que simplifica la construcción de sitios web. Aquí tienes una guía mínima sobre cómo usar Hugo:

Instalación

1. Descargar Hugo: Visita la página de versiones de Hugo y descarga la versión adecuada para tu sistema operativo.

2. Instalar Hugo: Sigue las instrucciones de instalación para tu SO. Por ejemplo, en Linux, extrae el archivo descargado y mueve el binario a un directorio en el PATH del sistema.

Crear un Nuevo Sitio

1. Inicializar Sitio: Abre tu terminal y navega a la ubicación deseada. Ejecuta hugo new site <nombre_sitio> para crear un nuevo sitio Hugo.

2. Elegir un Tema: Explora la galería de temas de Hugo y elige un tema que te guste. Agrégalo a tu sitio siguiendo las instrucciones de instalación del tema.

Agregar Contenido

1. Crear Contenido: Usa hugo new <tipo_contenido>/<nombre_contenido>.<extensión_archivo> para generar nuevos archivos de contenido como publicaciones o páginas.

2. Editar Contenido: Abre los archivos de contenido en un editor de texto y agrega tu contenido usando Markdown u otro formato compatible.

Personalización

1. Configuración: Personaliza la configuración de tu sitio modificando el archivo config.toml en el directorio raíz. Establece ajustes básicos como el título del sitio, idioma y otras preferencias.

2. Diseños Personalizados: Para personalización avanzada, crea o modifica plantillas en el directorio layouts para cambiar la apariencia de tu sitio.

Compilación y Vista Previa

1. Compilar Sitio: Ejecuta hugo en la terminal dentro del directorio de tu sitio. Hugo generará los archivos de tu sitio estático en el directorio public.

2. Vista Previa: Usa hugo server -D para iniciar un servidor local y ver tu sitio en un navegador web en http://localhost:1313. La bandera -D incluye contenido marcado como borrador.

Implementación

1. Elegir Alojamiento: Selecciona un proveedor de alojamiento para tu sitio estático. Opciones populares incluyen Netlify, GitHub Pages o AWS S3.

2. Subir Archivos: Carga el contenido del directorio public generado por Hugo a tu proveedor de alojamiento elegido para poner tu sitio en línea.

La simplicidad y velocidad de Hugo lo convierten en una gran opción para crear sitios web estáticos fácilmente.

Creado el: dic. 29, 2023