Hallo! Lassen Sie mich das freshPink -Thema vorstellen!
Hier ist die Demoseite, auf der Sie ein einfaches Beispiel und ein ausführliches Tutorial finden. Gehen Sie zur Demo-Site.
Es gibt zwei Methoden, das freshPink-Theme zu installieren. Sie können entweder Git-Submodule verwenden (empfohlen für einfache Updates) oder sie direkt herunterladen. Sofern kein besonderer Grund vorliegt, empfehlen wir die Verwendung der Submodul-Methode.
Navigieren Sie zu Ihrem Hugo-Site-Verzeichnis : Öffnen Sie ein Terminal und navigieren Sie zum Stammverzeichnis Ihrer Hugo-Site. Wenn Sie noch keine Hugo-Site erstellt haben, können Sie dies mit dem folgenden Befehl tun:
Hugo neue Website yourSiteName
Theme als Git-Submodul hinzufügen : Fügen Sie das freshPink-Theme als Git-Submodul zu Ihrer Site hinzu. Führen Sie im Terminal den folgenden Befehl aus:
Git-Submodul hinzufügen [email protected]:ElecBrandy/freshpink.git themes/freshpink
Site-Konfiguration aktualisieren : Öffnen Sie die Datei config.toml
Ihrer Site in einem Texteditor und aktualisieren Sie die theme
auf "freshpink"
:
theme = "freshpink"
Vorschau Ihrer Site : Um sicherzustellen, dass alles ordnungsgemäß funktioniert, führen Sie den folgenden Befehl aus, um den lokalen Server zu starten und eine Vorschau Ihrer Site anzuzeigen:
Hugo Server
Laden Sie das Theme herunter : Gehen Sie zum FreshPink GitHub-Repository und laden Sie das Theme als ZIP-Datei herunter.
Extrahieren und verschieben Sie das Theme : Extrahieren Sie die ZIP-Datei und verschieben Sie den extrahierten Ordner in das themes
-Verzeichnis auf Ihrer Hugo-Site.
Aktualisieren Sie die Site-Konfiguration : Öffnen Sie wie bei der Git-Submodul-Methode Ihre config.toml
Datei und setzen Sie die theme
auf "freshpink"
.
Vorschau Ihrer Site : Führen Sie den folgenden Befehl aus, um Ihre Site lokal zu erstellen und in der Vorschau anzuzeigen:
Hugo Server
Das freshPink-Theme ist so konzipiert, dass es leicht anpassbar ist. Sie können die Stile, Layouts und Inhalte nach Bedarf ändern, um sie an Ihre Website anzupassen. Folgen Sie dem Tutorial auf der Demoseite und versuchen Sie, es selbst anzupassen!
Warnung! Wenn Sie weiterhin
.md
Dateien sehen, die Sie nicht erstellt haben, wie z. B. post-1.md, stammen sie höchstwahrscheinlich von exampleSite, deren Ordner/theme/freshpink/exampleSite
ist. Sie können es gerne löschen, aber für ein reibungsloses Blog-Erlebnis sollten Sie die Beispiele entfernen! :) :)
Wenn Sie auf Probleme stoßen oder Fragen haben, können Sie gerne ein Problem im GitHub-Repository eröffnen.
Vielen Dank, dass Sie sich für das freshPink-Theme entschieden haben! :) :)