Dies ist ein Beispiel dafür, wie du eine statische Website mit Hugo auf Kinsta’s statischen Seiten Hosting-Diensten von einem GitHub-Repository aus einrichtest. Es gibt auch alternative Methoden, wie z.B. die Verwendung von CircleCI für die Bereitstellung von Hugo auf Static Site Hosting.

Hugo ist einer der schnellsten Generatoren für statische Websites. Er ist besonders schnell und flexibel und wurde mit GO entwickelt. Weitere Informationen findest du auf der Website gohugo.io.

Du kannst diese Schnellstartvorlage auch auf dem Anwendungs-Hosting von Kinsta ohne zusätzliche Konfiguration verwenden. Wenn du das Anwendungs-Hosting nutzt, kann der Start-Befehl für den Webprozess leer gelassen werden, da Kinsta den erforderlichen Befehl bei der ersten Bereitstellung automatisch erkennt.

Während des Bereitstellungs-Prozesses installiert Kinsta automatisch die in deiner package.json-Datei definierten Abhängigkeiten.

  1. Melde dich bei GitHub an und erstelle ein neues Repository aus dieser Vorlage (Diese Vorlage verwenden > Neues Repository erstellen): Kinsta – Hello World – Statische Seite mit Hugo
  2. Füge in MyKinsta eine statische Site mit dem Hugo-Repository Hello World hinzu. Die Build-Einstellungen werden möglicherweise automatisch ausgefüllt; überprüfe, ob sie mit den folgenden übereinstimmen und ändere sie bei Bedarf:
    • Build-Befehl: npm run build
    • Node Version: 18.16.0
    • Veröffentlichungsverzeichnis: public
  3. Die Website ist verfügbar, sobald der Build abgeschlossen ist und die PaperMod-Beispielseite unter der URL deiner Website geladen wird.
PaperMod-Beispielseite nach dem erfolgreichen Bereitstellung von Hugo
PaperMod-Beispielseite nach dem erfolgreichen Bereitstellung von Hugo

Lebenszyklus der Bereitstellung

Immer wenn eine Bereitstellung initiiert wird (durch das Erstellen einer statischen Website oder eine erneute Bereitstellung aufgrund eines eingehenden Commits), wird der Build-Befehl ausgeführt, gefolgt von der Bereitstellung der Inhalte des Veröffentlichungsverzeichnisses.