Eine Repo -Vorlage für eine einfache statische HTML -Seite basierend auf HTML5 -Kesselplatte und Verwendung von Rückenwind -CSS für flexibles Styling. Großartig, um bald zu kommen und Seiten. Einfach für GitHub -Seiten oder einen anderen statischen Standort -Host eingesetzt werden.
Klicken Sie oben auf der Hauptseite des Repositorys auf GitHub auf die Schaltfläche "Diese Vorlage verwenden". Bearbeiten Sie den Inhalt von index.html und/oder main.js und stellen Sie in Ihrem bevorzugten statischen Host bereit, indem Sie die folgenden Schritte im Bereich Bereitstellung befolgen.
Für einen schnellen Zugriff können Sie auch https://github.com/besublime/tailwind-parcel-static-starter/generate besuchen
Sobald Ihr Repository erstellt und in Ihre lokale Umgebung kloniert wurde, führen Sie npm install
aus, um Abhängigkeiten zu installieren, bevor Sie fortfahren.
Aus dem Terminal führen Sie npm run dev
aus, um einen einfachen Server (mit Parcel) zu starten, der index.html (und alle darin enthaltenen JS/CSS) überwacht und automatisch neu geladen werden, wenn Änderungen vorgenommen werden.
Aktivieren Sie die GitHub -Seiten in den Einstellungen Ihres Repositorys und wählen Sie das Verzeichnis /docs
als Quelle aus.
Um die veröffentlichte GitHub Pages -Site zu aktualisieren, führen Sie npm run build
aus und stellen Sie dann die Änderungen in das Remote -Repository aus. (Mit diesem Befehl werden das CSS kompiliert, alle Skripte bündeln und alles in das Verzeichnis /docs
ausgeben.)
Um auf anderen statischen Site -Plattformen bereitzustellen, befolgen Sie die vom Host bereitgestellten Anweisungen. Der Befehl bauen in package.json
kann aktualisiert werden, indem der Parameter --dist-dir
Parameter geändert wird.