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.