Markdown-syntaxgids
Voorbeeldartikel met basisopmaak voor Markdown en HTML-elementen.
Dit artikel biedt een overzicht van de basisopmaak van Markdown die kan worden gebruikt in Hugo-inhoudsbestanden, en toont ook hoe basale HTML-elementen worden opgemaakt met CSS in een Hugo-thema.
Koppen
De volgende HTML <h1>—<h6> elementen vertegenwoordigen zes niveaus van sectiekoppen. <h1> is het hoogste niveau en <h6> het laagste.
H1
H2
H3
H4
H5
H6
Alinea
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
Blokcitaten
Het blokcitaat-element vertegenwoordigt inhoud die is geciteerd uit een andere bron, optioneel met een vermelding die binnen een footer- of cite-element moet staan, en optioneel met inline wijzigingen zoals annotaties en afkortingen.
Blokcitaat zonder toewijzing
Tiam, ad mint andaepu dandae nostion secatur sequo quae. Let op dat u Markdown-syntaxis kunt gebruiken in een blokcitaat.
Blokcitaat met toewijzing
Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike1
Tabellen
Tabellen maken geen deel uit van de kern-Markdown-specificatie, maar Hugo ondersteunt ze standaard.
| Naam | Leeftijd |
|---|---|
| Bob | 27 |
| Alice | 23 |
Inline Markdown in tabellen
| Inline | Markdown | In | Tabel |
|---|---|---|---|
| cursief | vet | code |
Codeblokken
Codeblok met backticks
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
Codeblok ingesprongen met vier spaties
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
Codeblok met Hugo’s interne highlight-shortcode
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>Lijsttypen
Geordende lijst
- Eerste item
- Tweede item
- Derde item
Ongeordende lijst
- Lijstitem
- Nog een item
- En nog een item
Geneste lijst
- Item
- Eerste subitem
- Tweede subitem
Overige elementen — abbr, sub, sup, kbd, mark
GIF is een bitmap-afbeeldingsformaat.
H2O
Xn + Yn = Zn
Druk op CTRL+ALT+Delete om de sessie te beëindigen.
De meeste salamanders zijn nachtdieren en jagen op insecten, wormen en andere kleine dieren.