Hugo - die blitzschnelle Static Site Engine

16.01.2016

Beste Performance Keinerlei Abhängigkeiten von anderer Software Arbeitet sofort “Out of the box”

Hugo

Seit einigen Jahren schießen sog. Static Website Generators/Static Site Engines wie Pilze aus dem Boden. Und sie werden immer besser.

Hugo steht seit Mitte 2013 zur Verfügung und besitzt einige Alleinstellungsmerkmale, die diese Engine von allen anderen hervorhebt.

  • Beste Performance
  • Keinerlei Abhängigkeiten von anderer Software
  • Arbeitet sofort “Out of the box” Clean URLs, Taxonomien u.v.m. stehen ohne weiteres Zutun sofort zur Verfügung.
  • Nach der “Installation” kann sofort eine erste Website erstellt werden. Zusätzliche Konfigurationsschritte sind nur für besondere Anpassungen erforderlich.

Hugo

Warum Hugo?

Hugo ist eine von vielen Static Website Engines, die in den letzten Jahren das Licht der Welt entdeckt haben. Im Großen und Ganzen arbeiten all diese Engines nach einem ähnlichen Prinzip. Wird ein Build-Prozess angestossen, werden aus Templates und Inhalten, meistens mit Markdown geschrieben, komplette HTML-Dateien generiert. Diese werden, vorzugsweise durch einen automatisierten Prozess, auf den Server Ihres Hosting-Providers hochgeladen.

Oder in anderen hoch-optimierten Workflows wird der Build-Prozess direkt auf dem Server angestoßen. Das ist z.B. bei Netlify der Fall.

Und in diesen Fällen kommt das größte Pfund von Hugo ins Spiel: die atemberaubende Geschwindigkeit bei der Generierung der HTML-Dateien. Hugo ist so schnell, das Änderungen oder neue Seiten genau so schnell Online erreichbar sind, wie bei einem dynamischen CMS.

Geschwindigkeit ist sicherlich nicht das einzige Kriterium für die Auswahl einer Static Site Engine. Die zugrundeliegende Programmiersprache, die Template-Engine(s), zusätzliche Plugins, Verbreitung und eine aktive Community sind sicherlich ebenfalls sehr wichtig und mögen für manchen Web-Entwickler auch ausschlaggebend sein.

Für mich ist neben der Performance, die Tatsache wichtig, dass man mit Hugo in keiner ‘Dependencie Hell’ schmort. Das bedeutet, dass keine zusätzliche Software auf dem Entwicklungsrechner laufen muss. Insbesondere muss keine spezielle Programmiersprache, wie Ruby oder Python, installiert werden.

Viele Ruby basierte Engines hatten große Probleme auf Macs nach einem Update auf El Capitaine. Außerdem müssen diese Systeme häufig aktualisiert werden und es kann Probleme mit unterschiedlichen Versionen einer Software auf unterschiedlichen Rechnern geben, was insbesondere in Entwicklerteams zu einigem Mehraufwand führen kann.

Zwar haben die unterschiedlichsten Package-Manager viele Probleme beseitigt oder reduziert, aber auch die müssen zuerst installiert werden.

Das ist bei Hugo alles nicht nötig. Hugo ist einfach ein ausführbares Progamm, das alles enthält was zum Betrieb nötig ist. Es kann ohne weitere Maßnahmen auf Mac OS, Linux und Windows installiert und gestartet werden.

Themes

Mit einem der vielen kostenlosen Hugo Themes, die natürlich alle responsive sind, können Sie sehr schnell eine neue Website launchen.

  • Agency - Demo
    $ git clone https://github.com/digitalcraftsman/hugo-agency-theme
  • Air - Demo
    $ git clone https://github.com/syui/hugo-theme-air
  • Casper - Demo
    $ git clone https://github.com/vjeantet/hugo-theme-casper
  • Creative - Demo
    $ git clone https://github.com/digitalcraftsman/hugo-creative-theme
  • Crisp
    $ git clone https://github.com/kathyqian/crisp-ghost-theme
  • Freelancer - Demo
    $ git clone https://github.com/digitalcraftsman/hugo-freelancer-theme
  • Greyshade - Demo
    $ git clone https://github.com/cxfksword/greyshade
  • Hikari - Demo
    $ git clone https://github.com/digitalcraftsman/hugo-hikari-theme
  • Hugo Base Theme - Demo
    $ git clone https://github.com/crakjie/hugo-base-theme
  • Hugo Bootswatch - Demo
    $ git clone https://github.com/nilproductions/hugo-bootswatch
  • Hugo Incorporated - Demo
    $ git clone https://github.com/nilproductions/hugo-incorporated
  • Hugo mdl - Demo
    $ git clone https://github.com/jchatkinson/HugoMDL
  • Hugo Minimalist - Demo
    $ git clone https://github.com/digitalcraftsman/hugo-minimalist-theme
  • Hugo Multi-Bootswatch - Demo
    $ git clone https://github.com/mpas/hugo-multi-bootswatch
  • Hugo Uno - Demo
    $ git clone https://github.com/SenjinDarashiva/hugo-uno
  • Hugoscroll - Demo
    $ git clone https://github.com/SenjinDarashiva/hugoscroll
  • Hurock - Demo
    $ git clone https://github.com/TiTi/hurock
  • Hyde - Demo
    $ git clone https://github.com/spf13/hyde
  • Landing Page Hugo - Demo
    $ git clone https://github.com/crakjie/landing-page-hugo
  • Liquorice - Demo
    $ git clone https://github.com/eliasson/liquorice/
  • Material Design - Demo
    $ git clone https://github.com/pdevty/material-design
  • Material Lite - Demo
    $ git clone https://github.com/SamuelDebruyn/hugo-material-lite
  • Persona
    $ git clone https://github.com/aries1980/hugo-theme-persona
  • Pixyll - Demo
    $ git clone https://github.com/azmelanar/hugo-theme-pixyll
  • Polymer - Demo
    $ git clone https://github.com/pdevty/polymer
  • Projecthub - Demo
    $ git clone https://github.com/vjeantet/hugo-theme-projecthub
  • Purehugo - Demo
    $ git clone http://dplesca.github.io/purehugo
  • Redlounge - Demo
    $ git clone https://github.com/tmaiaroto/hugo-redlounge
  • Robust - Demo
    $ git clone https://github.com/dim0627/hugo_theme_robust
  • Shiori - Demo
    $ git clone https://github.com/chibicode/hugo-theme-shiori
  • Simple-A - Demo
    $ git clone https://github.com/AlexFinn/simple-a
  • Slim - Demo
    $ git clone https://github.com/zhe/hugo-theme-slim
  • Start-Bootstrap Clean Blog - Demo
    $ git clone https://github.com/humboldtux/sbcb-demo
  • Strata - Demo
    $ git clone https://github.com/digitalcraftsman/hugo-strata-theme
  • Twenty Fourteen - Demo
    $ git clone https://github.com/jaden/twentyfourteen
  • Vienna - Demo
    $ git clone https://github.com/keichi/vienna.git

Digital Consulting & Services

Informieren Sie sich hier weiter über unsere Dienstleistungen im Web.

developerface
Messages