Wir haben unsere Webseite von Wordpress auf Hugo umgestellt.

Hugo Logo

Was ist Hugo?

Hugo ist ein statischer Websitegenerator. Im Gegensatz zu dynamischen Content Management Systemen, wie z.B. Wordpress, werden die HTML-Seiten nicht bei jedem Aufruf neu generiert.

Das hat folgende Vorteile:

  • Geschwindigkeit: Eine statische Webseite kann sehr schnell geladen werden und einfach gecached werden.
  • Ressourcen: Ein Webserver für statische Webseiten muss keinen weiteren Code wie z.B. PHP ausführen und es wird auch keine Datenbank benötigt.
  • Sicherheit: Da der Webserver keinen Code ausführt, kann das gesamte System einfacher abgesichert werden.
  • Tools: Die Konfiguration und der Inhalt der Webseite sind in Dateien gespeichert. Daher können Standard-Tools für die Versionsverwaltung und Continuous Deployment verwendet werden.

Siehe gohugo.io

Hugo Themes

Das Design wird über Themes gesteuert. Eine grosse Auswahl gibt es auf themes.gohugo.io.

Wir haben uns für Hello Friend NG entschieden. Es ist sehr schlicht, responsive, kann sehr einfach angepasst werden und wird aktiv weiter entwickelt.

Die Darstellung im hellen oder dunklen Design richtet sich automatisch nach den Systemeinstellungen.

Hello Friend NG dunkel Hello Friend NG hell

Firebase Hosting

Hosting und Deployment

Für die statische Webseite wird Firebase-Hosting verwendet.

$> hugo && firebase deploy 
Start building sites ...

                   | DE
-------------------+-----
  Pages            | 12
  Paginator pages  |  0
  Non-page files   |  5
  Static files     | 34
  Processed images |  0
  Aliases          |  5
  Sitemaps         |  1
  Cleaned          |  0

Total in 93 ms

=== Deploying to 'itcc-li'...

i  deploying hosting
i  hosting[itcc-li]: beginning deploy...
i  hosting[itcc-li]: found 61 files in public
✔  hosting[itcc-li]: file upload complete
i  hosting[itcc-li]: finalizing version...
✔  hosting[itcc-li]: version finalized
i  hosting[itcc-li]: releasing new version...
✔  hosting[itcc-li]: release complete

✔  Deploy complete!
✔  hosting: URL (itcc-li): https://itcc.li