Dies ist ein Beispiel dafür, wie du eine statische Website mit VitePress auf Kinsta’s statischem Seiten Hosting Diensten von einem GitHub-Repository aus einrichtest.

VitePress ist ein auf Vite und Vue basierender Generator für statische Websites. Weitere Informationen findest du auf der Website vitepress.dev.

Du kannst dieses Schnellstart-Template auch auf dem Anwendungs-Hosting von Kinsta ohne zusätzliche Konfiguration verwenden. Wenn du Anwendungs-Hosting verwendest, 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 Website mit VitePress
  2. Füge in MyKinsta eine statische Site mit dem Hello World VitePress-Repository 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: docs/.vitepress/dist
  3. Sobald der Build abgeschlossen ist, ist die Website verfügbar und die Standard-VitePress-Seite wird unter der URL deiner Website geladen.
VitePress-Standardseite nach erfolgreicher Bereitstellung von VitePress
VitePress-Standardseite nach erfolgreicher Bereitstellung von VitePress

Lebenszyklus der Bereitstellung

Immer wenn ein Deployment initiiert wird (durch das Erstellen einer statischen Site oder ein Re-Deployment aufgrund eines eingehenden Commits), wird der Build-Befehl ausgeführt, gefolgt vom Deployment des Publish Directory-Inhalts.