hugo theme basic Download - hugo theme basic Quellcode -Download

hugo theme basic

Andere Kategorien

Ready for production

Herunterladen

Hugo-theme-basic

Grundlegendes persönliches Standortthema mit minimaler Tachyons, Syntax -Hervorhebung und Konfiguration der Blogserien.

Demo

https://hugo-theme-basic.netlify.app/

Screenshot

Merkmale

Basic - HTML mit einem Schuss Stil + Emoji
? Erweiterbar - Nutzen Sie die Tachyons leicht, um mehr Gewürz hinzuzufügen
Taxonomie series - Gruppen Sie automatisch Beiträge und Anzeigen innerhalb eines isolierten Taxonomie -Typs
? Syntax -Hervorhebung - es ist da, wenn Sie es brauchen

Installation

Führen Sie diesen Befehl aus der Wurzel Ihres Hugo -Verzeichnisses aus (Git muss installiert werden):

 $ git clone https://github.com/siegerts/hugo-theme-basic.git

Wenn sich Ihre Hugo -Website bereits in Git befindet, können Sie dieses Repository als git submodule einfügen. Dies erleichtert es, dieses Thema zu aktualisieren ( und für einige Bereitstellungsoptionen, dh netlify ).

 $ git submodule add https://github.com/siegerts/hugo-theme-basic.git themes/hugo-theme-basic

Wenn Sie mit Git nicht vertraut sind, können Sie das Thema als .zip -Datei herunterladen, den Themeninhalt entpacken und dann die unzippierte Quelle in Ihr Themenverzeichnis verschieben.

Weitere Informationen finden Sie in der offiziellen Dokumentation von Hugo.

Beispielstelle ausführen

Aus der Wurzel der themes/hugo-theme-basic/exampleSite :

 hugo server --themesDir ../..

Konfiguration

Schauen Sie sich die Datei config.toml im exampleSite -Verzeichnis an. Kopieren Sie die config.toml in das Root -Verzeichnis Ihrer Hugo -Site und bearbeiten Sie sie wie gewünscht.

Inhaltstypen

Typ	Beschreibung	Befehl
Post	Wird für Blog -Beiträge verwendet. Beiträge sind auf der Seite `/post` aufgeführt.	`hugo new post/<post-name>.md`
Seite	Verwendet für Site -Seiten.	`hugo new <page-name>.md`
Projekt	Verwendet für Projektseiten. Erweitern Sie die Projektliste, indem Sie `/layouts/section/project.html` anpassen.	`hugo new project/<project-name>.md`

Blog -Postserie

Eine zusätzliche Taxonomie , series , wird hinzugefügt, um die Gruppierung von Blog -Posts zu ermöglichen. Ein Abschnitt " Weitere Abteilungen" am Ende jedes Beitrags innerhalb der Serie, wenn zwei oder mehr Beiträge gruppiert sind.

[ taxonomies ]
  category = " categories "
  series = " series "
  tag = " tags "

Serie Lesen Sie mehr

`.Params.Menu`

Menülinks werden in der Themenkonfiguration in der Reihenfolge angegeben.

Zum Beispiel:

[[ params . menu ]]
  name = " blog "
  url = " blog/ "

[[ params . menu ]]
  name = " post series "
  url = " series/ "

[[ params . menu ]]
  name = " about "
  url = " about/ "

Syntax -Hervorhebung

Die Syntax -Hervorhebung erfolgt von highlight.js. Das Farbthema kann geändert werden, indem das highlight.js stylesheet in layouts/partials/head_includes.html geändert wird.