Snelle referentie

Jekyll Statische Sitegenerator Spiekbriefje

Uitgebreide referentiegids voor Jekyll: mappenstructuur, YAML Front Matter, Liquid-tags & filters, variabelen, collecties en GitHub Pages-configuratie.

· Gepubliceerd

Jekyll is een in Ruby geschreven bloggerichte statische sitegenerator die GitHub Pages aandrijft.

Mappenindeling

├── _config.yml      # Algemene siteconfiguratie
├── _drafts/         # Niet-gepubliceerde conceptberichten
├── _includes/       # Herbruikbare sjabloononderdelen
├── _layouts/        # Lay-outomhullingen voor pagina’s & berichten
├── _posts/          # Gepubliceerde berichten (YYYY-MM-DD-title.md)
├── _data/           # Gestructureerde JSON/YAML-databestanden
├── _site/           # Gebouwde statische HTML-uitvoer
└── index.md         # Startpagina-ingangsbestand

YAML Front Matter

---
layout: post
title: "Announcing Version 2.0"
date: 2026-11-08 10:00:00 +0800
categories: news tech
tags: [release, ruby]
published: true
---

Liquid-sjabloonsyntaxis

Uitvoer & Variabelen

{{ site.title }}
{{ page.title }}
{{ content }}
{{ post.date | date: "%B %d, %Y" }}

Controlestroom & Iteratie

{% if page.comments %}
  {% include comments.html %}
{% endif %}

{% for post in site.posts limit:5 %}
  <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
  <p>{{ post.excerpt }}</p>
{% endfor %}

Veelgebruikte Filters

Filter Beschrijving Voorbeeld
date: "%Y-%m-%d" Tijdstempel opmaken {{ page.date | date: "%Y" }}
truncate: 100 Tekst afkappen met beletselteken {{ post.content | truncate: 100 }}
strip_html Alle HTML-opmaak verwijderen {{ post.content | strip_html }}
jsonify Gegevens serialiseren naar JSON-tekst {{ site.data.authors | jsonify }}
markdownify Markdown omzetten naar HTML {{ text | markdownify }}

Referentie Globale Variabelen

  • site.posts: Omgekeerd chronologische lijst van alle berichten.
  • site.pages: Lijst van alle statische pagina’s.
  • site.html_pages: Deelverzameling van site.pages die HTML oplevert.
  • site.data: Ruwe data geladen uit _data/*.yml-bestanden.
  • site.time: Huidig tijdstempel van de build.

Referenties

Verwante onderwerpen