IAW - P1.2: tu mini sitio web de la mano de Hugo
P1.2 — Implantación de Aplicaciones Web
Práctica: Empezando a jugar en la Web con Hugo
Módulo: IAW — 2º ASIR Previa requerida: P1.1 — Tu perfil de GitHub Basada en: la serie oficial de lecciones de hugocodex.org/es/empezando Metodología: Aprendizaje Basado en Problemas (ABP), “aprender haciendo”
1. Contexto
Este propio sitio, librebits.info, está construido con Hugo, el generador de sitios estáticos que vamos a usar en esta práctica. No es casualidad: Hugo es rápido, no depende de bases de datos ni de un servidor de aplicaciones, y genera HTML plano que se puede servir desde cualquier sitio — justo lo que buscamos en IAW para desplegar aplicaciones web de forma simple y robusta.
La serie de lecciones de hugocodex.org te muestra cómo funciona Hugo desde cero: empiezas sin absolutamente nada y te abres camino hasta un sitio web completo. Son lecciones cortas, con poca teoría y mucha práctica.
2. Instala Hugo en tu VM
Antes de las lecciones necesitas Hugo instalado. Sigue la guía: Instalar Hugo en una máquina virtual.
3. Las 3 lecciones
Sigue, en tu VM, las tres lecciones oficiales de la serie “Empezando” de Hugo:
- Instalar Hugo — confirma que
hugo versionfunciona tras seguir la guía del paso anterior. - Crear algo de HTML — crea tu primer sitio con
hugo new site <nombre>y arranca el servidor local conhugo server -D. - Añade tu primer contenido — crea tu primera página con
hugo new content posts/mi-primera-pagina.mdy edítala.
Consejo: usa
hugo server -D --watchmientras editas — verás los cambios en el navegador sin recargar manualmente.
4. Enlaza tu perfil de GitHub
Una vez tengas tu mini sitio funcionando en local, añade un enlace destacado (en la home o en una sección “Sobre mí”) hacia el README de perfil de GitHub que creaste en la práctica P1.1:
## Sobre mí
Puedes ver mis proyectos en mi [perfil de GitHub](https://github.com/<tu-usuario>).
Así tu mini sitio Hugo y tu perfil de GitHub quedan conectados, como dos caras de tu presencia online como desarrollador/a.
5. Entregable
- Captura de pantalla (o grabación corta) de
hugo server -Dsirviendo tu sitio en local, con la página de contenido creada. - Enlace al repositorio Git de tu mini sitio (puede ser el mismo
<usuario>/<usuario>de P1.1, en una rama o carpeta distinta, o uno nuevo). - Confirmación visual de que el enlace a tu perfil de GitHub funciona desde el mini sitio.
Entrega vía servidor sFTP o en el espacio indicado en clase.
RUBRICA DE CALIFICACIÓN
Criterios de contenido (100%)
| Criterio | Peso | Qué se valora |
|---|---|---|
| Hugo instalado y funcionando | 20% | hugo version responde correctamente en la VM, siguiendo la guía de instalación |
| Sitio creado (Lección 2) | 25% | hugo new site ejecutado, estructura de carpetas correcta, hugo server -D sirve el sitio sin errores |
| Primer contenido (Lección 3) | 25% | Página de contenido creada y visible en el sitio servido en local |
| Enlace al perfil de GitHub (P1.1) | 20% | El mini sitio enlaza correctamente al README de perfil de GitHub de la práctica anterior |
| Entregable completo | 10% | Captura/grabación + enlace al repo, ambos verificables |
Escala orientativa
- Excelente (9-10): Hugo instalado sin problemas, sitio y contenido funcionando, enlace a P1.1 integrado de forma natural.
- Notable (7-8.9): todo funciona, con algún detalle menor (contenido muy escueto o enlace poco visible).
- Suficiente (5-6.9): el sitio se levanta en local pero falta contenido propio o el enlace a P1.1.
- Insuficiente (<5): Hugo no llega a instalarse o el sitio no sirve nada en local.
“Recuerda … KISS!” :-)