Markdown Referentie

Markdown Referentie

Markdown Referentie Gids

Een complete referentie voor alle markdown syntax die ondersteund wordt in deze Jekyll blog met Chirpy theme.

Koppen (Headers) 

1
2
3
4
5
6

# H1 - Grootste kop
## H2 - Subkop
### H3 - Kleiner
#### H4 - Nog kleiner
##### H5 - Heel klein
###### H6 - Kleinste kop

H1 - Grootste kop

H2 - Subkop

H3 - Kleiner

H4 - Nog kleiner

H5 - Heel klein
H6 - Kleinste kop

Tekst Opmaak 

1
2
3
4
5
6
7
8

**Vetgedrukt** of __vetgedrukt__
*Cursief* of _cursief_
***Vet en cursief*** of ___vet en cursief___
~~Doorgestreept~~
==Gemarkeerd== (highlight)
`inline code`
H~2~O (subscript)
X^2^ (superscript)

Vetgedrukt of vetgedrukt Cursief of cursief Vet en cursief of vet en cursief Doorgestreept inline code

1
2

[Link tekst](https://www.toernooi.nl)
[Link met title](https://www.toernooi.nl "Toernooi.nl website")

Link tekst Link met title

1
2

<https://www.nienkevanderwerf.nl>
<[email protected]>

1
2
3
4
5

[Link tekst][ref]
[Link tekst][1]

[ref]: https://www.example.com
[1]: https://www.example.com "Optional title"

Ankers binnen pagina 

1
2
3

[Ga naar sectie](#sectie-id)

## Sectie Titel {#sectie-id}

Afbeeldingen

Basis afbeelding 

1
2

![Alt tekst](bestandsnaam.jpg)
![Alt tekst met title](bestandsnaam.jpg "Titel bij hover")

1

[![Alt tekst](afbeelding.jpg)](https://www.example.com)

Afbeelding met media_subpath

In frontmatter:

1

media_subpath: /assets/img/2025/

Dan in post:

1
2

![Alt tekst](bestandsnaam.jpg)
# Gebruikt automatisch /assets/img/2025/bestandsnaam.jpg

1
2

![Carlton Logo](/assets/img/sponsors/carlton_logo_1200_300.jpeg)
[![Carlton Logo](/assets/img/sponsors/carlton_logo_1200_300.jpeg)](https://carlton-sports.com/)

Lijsten

Ongenummerde lijst 

1
2
3
4
5
6
7
8

- Item 1
- Item 2
  - Subitem 2.1
  - Subitem 2.2
- Item 3

* Alternatief met asterisk
+ Of met plus teken
  • Item 1
  • Item 2
    • Subitem 2.1
    • Subitem 2.2
  • Item 3

Genummerde lijst 

1
2
3
4
5
6
7
8
9
10

1. Eerste item
2. Tweede item
   1. Subitem 2.1
   2. Subitem 2.2
3. Derde item

# Of met automatische nummering:
1. Item
1. Item
1. Item
  1. Eerste item
  2. Tweede item
    1. Subitem 2.1
    2. Subitem 2.2
  3. Derde item

Takenlijst (Task list) 

1
2
3
4
5

- [ ] Nog te doen
- [x] Afgerond
- [ ] Nog een taak
  - [x] Subtaak afgerond
  - [ ] Subtaak open
  • Nog te doen
  • Afgerond
  • Nog een taak
    • Subtaak afgerond
    • Subtaak open

Definitielijst 

1
2
3
4
5
6

Termijn 1
: Definitie 1

Termijn 2
: Definitie 2a
: Definitie 2b

Code Blokken

Inline code 

1

Dit is `inline code` in een zin.

Dit is inline code in een zin.

Fenced code block 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

```
Code zonder syntax highlighting
```

```javascript
// Met syntax highlighting
function hello() {
  console.log("Hello World!");
}
```

```python
# Python voorbeeld
def hello():
    print("Hello World!")
```

```html
<!-- HTML voorbeeld -->
<div class="container">
  <h1>Titel</h1>
</div>
```

```css
/* CSS voorbeeld */
.container {
  max-width: 1200px;
  margin: 0 auto;
}
```

Code met regelnummers 

1
2
3
4
5

```javascript
// Code met regelnummers (Chirpy doet dit automatisch)
const greeting = "Hello";
console.log(greeting);
```

Code met bestandsnaam 

1
2
3
4

```javascript
// file: "script.js"
const hello = "World";
```

Citaten (Blockquotes) 

1
2
3
4
5
6
7
8
9
10

> Dit is een citaat.
> Het kan meerdere regels bevatten.

> Dit is regel 1.
>
> Dit is regel 2 na een lege regel.

> Geneste citaten
>> Niveau 2
>>> Niveau 3

Dit is een citaat. Het kan meerdere regels bevatten.

Geneste citaten

Niveau 2

Niveau 3

Chirpy Prompts (Alerts)

Speciale blokken voor tips, notities, waarschuwingen, etc.

1
2
3
4
5
6
7
8
9
10
11

> Dit is een tip.
{: .prompt-tip }

> Dit is informatie.
{: .prompt-info }

> Dit is een waarschuwing.
{: .prompt-warning }

> Dit is een foutmelding of gevaar.
{: .prompt-danger }

Dit is een tip.

Dit is informatie.

Dit is een waarschuwing.

Dit is een foutmelding of gevaar.

Tabellen 

1
2
3
4
5
6
7
8
9
10

| Kop 1    | Kop 2    | Kop 3    |
|----------|----------|----------|
| Cel 1.1  | Cel 1.2  | Cel 1.3  |
| Cel 2.1  | Cel 2.2  | Cel 2.3  |

# Met uitlijning:
| Links    | Midden   | Rechts   |
|:---------|:--------:|---------:|
| links    | midden   | rechts   |
| L        | M        | R        |
Kop 1 Kop 2 Kop 3
Cel 1.1 Cel 1.2 Cel 1.3
Cel 2.1 Cel 2.2 Cel 2.3
Links Midden Rechts
links midden rechts
L M R

Horizontale Lijnen 

1
2
3
4
5
6
7

---

***

___

Drie of meer streepjes, asterisks, of underscores

Voetnoten (Footnotes) 

1
2
3
4
5
6

Dit is tekst met een voetnoot.[^1]

Dit is tekst met een andere voetnoot.[^note]

[^1]: Dit is de voetnoot tekst.
[^note]: Dit is een benoemde voetnoot.

Dit is tekst met een voetnoot.1

Dit is tekst met een andere voetnoot.2

Emoji 

1
2
3
4

:smile: :heart: :tada: :rocket:

# Of directe emoji:
😊 ❤️ 🎉 🚀 🏸 🥇 🥈 🥉

😊 ❤️ 🎉 🚀 🏸 🥇 🥈 🥉

YouTube Video’s (Chirpy) 

1

{% include embed/youtube.html id='VIDEO_ID' %}

Vervang VIDEO_ID met de YouTube video ID uit de URL.

Bijvoorbeeld: https://www.youtube.com/watch?v=dQw4w9WgXcQ Video ID = dQw4w9WgXcQ

HTML in Markdown

Je kunt ook HTML gebruiken in Markdown bestanden:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<div style="text-align: center;">
  Gecentreerde tekst
</div>

<span style="color: red;">Rode tekst</span>

<kbd>Ctrl</kbd> + <kbd>C</kbd>

<mark>Gemarkeerde tekst</mark>

<details>
  <summary>Klik om uit te klappen</summary>

  Verborgen inhoud hier.

</details>
Gecentreerde tekst

Rode tekst

Ctrl + C

Gemarkeerde tekst

Klik om uit te klappen Verborgen inhoud hier.

Kramdown Specifieke Features

Attributen toevoegen 

1
2
3
4

Dit is een paragraaf.
{: .custom-class #custom-id style="color: blue;"}

![Afbeelding](image.jpg){: width="300" height="200" }

Table of Contents 

1
2

* TOC
{:toc}

Dit genereert automatisch een inhoudsopgave op basis van koppen.

Veelgebruikte Patronen voor Blog Posts

Toernooi resultaten 

1
2
3

| Toernooi |
|----------|
| [Toernooinnaam](https://www.toernooi.nl/tournament/ID/player/ID)<br> datum <br> 🥇 DD U13 - Partner naam |

1
2
3

[![Carlton Logo](/assets/img/sponsors/carlton_logo_1200_300.jpeg)](https://carlton-sports.com/)
[![Dunlop Logo](/assets/img/sponsors/dunlop_logo_1200_300.jpeg)](https://carlton-sports.com/)
[![Allrackets.com](/assets/img/sponsors/allrackets_logo_new.jpg)](https://www.allrackets.com/)

Instagram handles 

1
2

Mijn Instagram: [@nienke_vdwerf](https://www.instagram.com/nienke_vdwerf/)
Partner Instagram: [@partner_handle](https://www.instagram.com/partner_handle/)

Post frontmatter template 

1
2
3
4
5
6
7
8
9
10
11

---
title: "Toernooi Titel"
pin: false
date: 2025-01-15 08:00:00
categories: [toernooien]
tags: ["2025",badminton,toernooi,tournament-name]
media_subpath: /assets/img/2025/
image:
  path: filename.jpg
published: false
---

Handige Tips

  1. Dubbele spatie aan einde regel = harde regelafbreking (line break)
  2. Lege regel = nieuwe paragraaf
  3. Backslash \ = escape speciale karakters: \*geen cursief\*
  4. Bestandsnamen: Gebruik lowercase en streepjes: mijn-foto.jpg
  5. Alt tekst: Altijd toevoegen voor toegankelijkheid
  6. Links testen: Controleer of externe links werken
  7. Afbeeldingen optimaliseren: Comprimeer grote bestanden

Jekyll Liquid Tags 

1
2
3
4
5
6
7

{{ site.title }}                    # Site variabele
{{ page.title }}                     # Pagina variabele
{% if page.image %}...{% endif %}   # Conditioneel
{% for post in site.posts %}...{% endfor %}  # Loop

{% include embed/youtube.html id='VIDEO_ID' %}

Escape Karakters

Als je markdown syntax letterlijk wilt tonen:

1
2
3
4

\*geen cursief\*
\[geen link\]
\# geen kop
\`geen code\`

*geen cursief* [geen link] # geen kop `geen code`

Meer Informatie

Laatst bijgewerkt: januari 2026

  1. Dit is de voetnoot tekst. ↩

  2. Dit is een benoemde voetnoot. ↩

© Nienke van der Werf. Some rights reserved.

Powered by Jekyll with Chirpy theme.