Der Beginn meines Blogs

Das war meine Ausgangsfrage, als ich anfing, mich über statische Website-Generatoren wie Hugo (nein, nicht der ähnlich klingende Cocktail Hugo, der vor allem im deutschsprachigen Raum bekannt ist), Hexo oder auch Blogging-Plattformen wie WordPress zu informieren. Die meiste Zeit als Softwareentwickler bin ich neben dem Programmieren mit der Suchmaschine meiner Wahl auf der Suche nach Lösungen für meine alltäglichen Probleme bei der Arbeit. Zuerst erhalte ich Einträge von StackOverflow, die meistens in Ordnung sind und mir einen guten Ausgangspunkt für weitere Nachforschungen bieten, aber wenn ich tiefere Einblicke benötige, lande ich bei Blogs von einigen MVPs¹. Diese tieferen Einblicke sind natürlich nützlicher, um mehr über das Problem zu erfahren und zu verstehen, wie man es auf effiziente und nachhaltige Weise lösen kann.

Jedes Mal, wenn ich diese Blogs sehe, frage ich mich, ob ich auch einen solchen Nutzen für andere bieten kann? Die ehrliche Antwort ist wahrscheinlich: Vielleicht nicht, aber ich dachte: Wen kümmert's? Also habe ich einen halben Tag damit verbracht, diesen Blog mit einigen Tools einzurichten und in Betrieb zu nehmen:

• Hugo als statischer Website-Generator
• Congo als Starter-Theme für meinen Blog
• TailwindCSS das zusammen mit congo kommt

Was erwartet mich in diesem Blog? #

Da ich als Softwareentwickler in der Energiebranche arbeite und außerdem Informatik studiere habe, werde ich mehr über technische Themen schreiben - hauptsächlich über .NET, Open Source und allgemeine IT-Themen. Vielleicht werde ich auch über einige nicht IT-bezogene Dinge schreiben, vor allem über Spiele. Zuerst muss ich mich in diese Blog-Sache einarbeiten und herausfinden, was am besten für diesen Blog funktioniert. Sei also nicht böse, wenn sich der Inhalt dieses Blogs sehr oft ändert.

Wie zum Henker funktioniert das jetzt? #

Die Installation von Hugo und Go, der zugrundeliegenden Programmiersprache für Hugo, war recht einfach. Hier sind die Schritte:

1. Lade und installiere dir Git, wenn du das nicht schon gemacht hast.
2. Lade und installiere dir Go
3. Lade und installiere dir Hugo

Nach diesen Schritten kannst du Hugo nun zur Erstellung statischer Websites verwenden. Um eine neue Website zu erstellen und diese lokal auf deinem Rechner auszuführen, musst du die folgenden Befehle eingeben:

hugo new site name-deiner-webseite
cd name-deiner-webseite
hugo server

Du kannst nun deine Webseite, hauptsächlich lokal, unter der URL localhost:1313 ansehen, aber sie wird noch sehr nackt aussehen. Um deiner Webseite ein gewisses Aussehen zu verleihen, kannst du eines der vielen produktionsfertigen Themes von https://themes.gohugo.io/ wählen. Ich habe mich für das congo-Theme von James Panther entschieden, das erstaunlich gut aussieht und einfach zu bedienen ist.

Wie kann ich das Theme congo nun verwenden? #

Wenn du auch das congo-Theme verwenden möchtest, kannst du dir dessen Dokumentation ansehen oder mir schnell durch mein Abenteuer mit congo folgen.

1. Zuerst musst du ein Hugo-Projekt einrichten, wie ich im vorherigen Kapitel Wie zum Henker funktioniert das jetzt? beschrieben habe.

2. Wenn du das geschafft hast, dann kannst du das Theme mithilfe von Hugo installieren:

   # Wenn du deine Webseite in einem GitHub-Repository verwaltest
   hugo mod init github.com/<username>/<repo-name>
   
   # Wenn du deine Webseite lokal auf deinem Computer verwaltest
   hugo mod init my-project
   

3. Als nächstes fügst du das Theme zu deiner Konfiguration hinzu, indem du eine neue Datei mit dem Namen module.toml in deinem Hugo-Projektverzeichnis unter dem Pfad config\_default erstellst und den folgenden Inhalt hinzufügst:

   [[imports]]
   path = "github.com/jpanther/congo/v2"
   

4. Nun kannst du den Server starten, indem du hugo server in die Befehlszeile eingibst. Damit wird das Theme automatisch heruntergeladen.

5. Deine Webseite kannst du nun unter localhost:1313 ansehen.

6. Richte die Konfigurationsdateien für das Thema ein, indem du eine Kopie von GitHub herunterlädst. Nachdem du die Zip-Datei erfolgreich heruntergeladen hast, entpacke sie an einem Ort deiner Wahl auf deinem Computer und kopiere die enthaltenen Dateien in den Ordner themes/congo/config/_default in deinen Hugo-Projektverzeichnis.

Sieht gut aus, was kommt als nächstes? #

Puh … das war harte Arbeit, oder? Was kann ich jetzt damit machen?, wirst du dich fragen. Nun, du kannst jetzt damit beginnen, deine Webseite zu personalisieren, indem du der Anleitung von James Panther folgst und deinen ersten Beitrag verfasst.

Fröhliches Bloggen! :)