Deze post is automatisch gegenereerd door Jekyll bij de installatie en vervolgens aangevuld. Inderdaad voor mijn blog ben ik “geswitched” naar een statische site.

De redenen om naar een statische site/blog over te stappen:

  • Snelheid, de laden van alle ‘bloated’ pagina’s op het web is een ergernis. Statische HTML is een stap in de goede richting.
  • Eenvoud, geen database, alleen HTML- en CSS files.
  • Draait op iedere webserver.
  • Veilig, geen zero-day exploits in de WordPress engine of andere CMS kwetsbaarheden meer.
  • Posts worden nu in Markdown geschreven.
  • Excuus om met een statische blog generator aan de gang te gaan. De mogelijkheden om de code helemaal naar je eigen wensen te kunnen vormen voelt voor een beetje geek gewoon goed.

Niet alles is eenvoudig bij een statisch gegenereerde website. Overstappen vanuit een WordPress omgeving vereist wat aanpassingen in de werkwijze. Voor het uploaden van een artikel zal de site toch opnieuw gegenereerd moeten worden en voorlopig staat de Jekyll software op mijn lokale machine en niet ergens op een server.

Ook plaatjes toevoegen is minder eenvoudig als bij een WordPress site. Hieronder 3 manieren om een plaatje weer te geven.

HTML: 

<p><img src="/img/jekyll-logo.png" alt="Jekyll logo" title="Jekyll logo" height="75"/></p>

MarkDown inline image:

![Jekyll logo](/img/jekyll-logo_217x100.png)

MarkDown reference image:

![Jekyl logo][jekyll-logo]

in de volgende regel staat de reference. Hierin wordt de ‘title’ aan het image toegewezen.

[jekyll-logo]: /img/jekyll-logo_217x100.png "Jekyll logo"

Het resultaat ziet er als volgt uit: Jekyll logo

Hoe om te gaan met de grootte van de images en de lokatie vande images is nog iets om verder uit te zoeken.

Deze site is gegenereerd met Jekyll versie 2.5.3.

Voor de categorie archief pagina is de category archive plugin for Jekyll van Shigeya Suzuki gebruikt.

De voorlopige vormgeving is een aangepaste versie van de standaard Jekyll layout en verder geïnspireerd door de vormgeving van de requiremind site.

Wil je meer weten over Jekyll lees dan de Jekyll docs of de Jekyll help pagina op GitHub.