Björns Welt
30. November 2021

Erste Schritte mit Hugo

Gepostet am 30. November 2021  •  1 Minuten  • 133 Wörter  • Andere Sprachen:  English
Table of contents

1. Hugo installieren

Hugo ist eigentlich nur ein Binary, welches heruntergeladen und entpackt werden muss. Etwas detailierter ist es hier beschrieben.

Anschließend überprüfen:

hugo version

2. Neues Projekt erstellen

hugo new site neues-projekt

erstellt im aktuellen Verzeichnis einen Projektordner “neues-projekt” mit dem rudimentären Inhalt.

3. Theme als Git-Submodule hinzufügen

cd neues-projekt
git clone https://github.com/apvarun/blist-hugo-theme.git themes/blist

4. Konfigurieren

config.toml und package.json aus dem Blist-Theme kopieren und anschließend anpassen

cp themes/blist/exampleSite/config.toml .
cp themes/blist/package.json .

Die Pfade in den Skripten (package.json) anpassen:

  "scripts": {
    "start": "hugo --gc",
    "dev": "hugo server --disableFastRender",
    "build": "NODE_ENV=production hugo --gc"
  },

5. Verzeichnisse anlegen

cp themes/blist/exampleSite/content .

6. Weitere Sprachen ergänzen

In config.toml einen Sprachblock kopieren (bspw. [languages.en]) und anpassen.

Verzeichnisse für weitere Sprachen anlegen:

mkdir -p content/es/blog
mkdir -p content/es/page

6. Neuen Eintrag erzeugen

hugo new content/de/blog/mein-erster-eintrag.md

Bildnachweis Banner

Follow me