Este es un ejemplo de cómo configurar un sitio estático con Hugo en los servicios de Alojamiento de Sitios Estáticos de Kinsta desde un repositorio de GitHub. También están disponibles métodos alternativos, como utilizar CircleCI para desplegar Hugo en el Alojamiento de Sitios Estáticos.

Hugo es uno de los generadores de sitios estáticos más rápidos. Se centra en una velocidad y flexibilidad asombrosas, y está construido utilizando GO. Puedes encontrar más información en el sitio web gohugo.io.

También puedes utilizar esta plantilla de inicio rápido en el Alojamiento de Aplicaciones de Kinsta sin ninguna configuración adicional. Si utilizas el Alojamiento de Aplicaciones, el comando de Inicio puede dejarse en blanco para el proceso web, ya que Kinsta detecta automáticamente el comando necesario durante el primer despliegue.

Durante el proceso de despliegue, Kinsta instala automáticamente las dependencias definidas en tu archivo package.json.

  1. Accede a GitHub y crea un nuevo repositorio a partir de esta plantilla (Utilizar esta plantilla > Crear un nuevo repositorio): Kinsta – Hello World – Sitio Estático Con Hugo
  2. En MyKinsta, añade un sitio estático con el repositorio Hugo Hello World. Puede que se autocompleten los ajustes de construcción; comprueba que coinciden con los siguientes y cámbialos si es necesario:
    • Comando de construcción: npm run build
    • Versión de node: 18.16.0
    • Directorio de publicación: public
  3. El sitio estará disponible en cuanto termine la construcción, y la página de ejemplo de PaperMod se cargará en la URL de tu sitio.
Página de ejemplo de PaperMod tras el despliegue satisfactorio de Hugo.
Página de ejemplo de PaperMod tras el despliegue satisfactorio de Hugo.

Ciclo de Vida del Despliegue

Cada vez que se inicia un despliegue (mediante la creación de un sitio estático o un nuevo despliegue debido a un commit entrante), se ejecuta el comando de construcción, seguido del despliegue del contenido del Directorio de Publicación.