Dit artikel biedt een voorbeeld van de basisMarkdown-syntaxis die kan worden gebruikt in Hugo-inhoudsbestanden, en toont ook of basale HTML-elementen zijn opgemaakt met CSS in een Hugo-thema.

Koppen

De volgende HTML <h1>—<h6> elementen vertegenwoordigen zes niveaus van sectiekoppen. <h1> is het hoogste niveau, <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 geciteerd is uit een andere bron, optioneel met een vermelding in een footer- of cite-element, en optioneel met inline wijzigingen zoals annotaties en afkortingen.

Blokcitaat zonder bronvermelding

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Opmerking: u kunt Markdown-syntaxis gebruiken binnen een blokcitaat.

Blokcitaat met bronvermelding

Communiceer niet door geheugen te delen, deel geheugen door te communiceren.
— Rob Pike¹

Blokcitaat-meldingen

 1> [!NOTE]
 2> Nuttige informatie die gebruikers moeten weten, zelfs als ze de tekst scannen.
 3
 4> [!TIP]
 5> Handig advies om dingen beter of gemakkelijker te doen.
 6
 7> [!IMPORTANT]
 8> Belangrijke informatie die gebruikers nodig hebben om hun doel te bereiken.
 9
10> [!WARNING]
11> Dringende informatie die onmiddellijke aandacht vereist om problemen te voorkomen.
12
13> [!CAUTION]
14> Waarschuwt voor risico's of negatieve gevolgen van bepaalde acties.
15
16> [!QUESTION]+ Kunnen meldingen worden ingeklapt?
17> Ja, dat kan. Voeg het `+` of `-` teken toe aan het type.
18>
19> Klik op de kop om een voorbeeld te zien.

Note
Nuttige informatie die gebruikers moeten weten, zelfs als ze de tekst scannen.

Tip
Handig advies om dingen beter of gemakkelijker te doen.

Important
Belangrijke informatie die gebruikers nodig hebben om hun doel te bereiken.

Warning
Dringende informatie die onmiddellijke aandacht vereist om problemen te voorkomen.

Caution
Waarschuwt voor risico’s of negatieve gevolgen van bepaalde acties.

Kunnen meldingen worden ingeklapt?
Ja, dat kan. Voeg het + of - teken toe aan het type.
Klik op de kop om een voorbeeld te zien.

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

Cursief	Vet	Code
cursief	vet	`code`

Codeblokken

Codeblok met aanhalingstekens

 1<!doctype html>
 2<html lang="nl">
 3<head>
 4  <meta charset="utf-8">
 5  <title>Voorbeeld HTML5-document</title>
 6</head>
 7<body>
 8  <p>Test</p>
 9</body>
10</html>

Codeblok met Hugo’s interne highlight-shortcode

 1<!doctype html>
 2<html lang="nl">
 3<head>
 4  <meta charset="utf-8">
 5  <title>Nog een voorbeeld HTML5-document</title>
 6</head>
 7<body>
 8  <p>Een heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeele lange tekst</p>
 9</body>
10</html>