Ceci est un exemple de comment mettre en place un site statique avec Hugo sur les services d’hébergement de sites statiques de Kinsta à partir d’un dépôt GitHub. Des méthodes alternatives, telles que l’utilisation de CircleCI pour déployer Hugo sur l’hébergement de sites statiques, sont également disponibles.

Hugo est l’un des générateurs de sites statiques les plus rapides. Il se concentre sur une vitesse et une flexibilité étonnantes, et il est construit en utilisant GO. Plus d’informations sont disponibles sur le site gohugo.io.

Vous pouvez également utiliser ce modèle de démarrage rapide sur l’hébergement d’applications de Kinsta sans aucune configuration supplémentaire. Si vous utilisez l’hébergement d’application, la commande Start peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande nécessaire lors du premier déploiement.

Pendant le processus de déploiement, Kinsta installe automatiquement les dépendances définies dans votre fichier package.json.

  1. Connectez-vous à GitHub et créez un nouveau dépôt à partir de ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – Site statique avec Hugo
  2. Dans MyKinsta, ajoutez un site statique avec le dépôt Hello World Hugo. Les réglages de construction peuvent s’afficher automatiquement ; vérifiez qu’ils correspondent à ce qui suit et modifiez-les si nécessaire :
    • Commande de construction : npm run build
    • Node version : 18.16.0
    • Répertoire de publication : public
  3. Le site est disponible dès que la compilation est terminée, et la page d’exemple PaperMod se charge à l’URL de votre site.
Page d'exemple PaperMod après le déploiement réussi de Hugo.
Page d’exemple PaperMod après le déploiement réussi de Hugo.

Cycle de vie du déploiement

Chaque fois qu’un déploiement est initié (par la création d’un site statique ou par un redéploiement dû à un commit entrant), la commande de construction est exécutée, suivie par le déploiement du contenu du répertoire de publication.