Cet article propose un exemple de formatage Markdown de base utilisable dans Blowfish, et montre également comment certains éléments HTML de base sont décorés.
Titres#
Les éléments HTML <h1>—<h6> suivants représentent six niveaux de titres de section. <h1> est le niveau de section le plus élevé tandis que <h6> est le plus bas.
H1#
H2#
H3#
H4#
H5#
H6#
Paragraphe#
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.
Citations#
L’élément blockquote représente du contenu cité d’une autre source, optionnellement avec une citation qui doit être dans un élément footer ou cite, et optionnellement avec des modifications en ligne telles que des annotations et des abréviations.
Citation sans attribution#
Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note : vous pouvez utiliser la syntaxe Markdown dans une citation.
Citation avec attribution#
Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.
— Rob Pike1
Tableaux#
Les tableaux ne font pas partie de la spécification Markdown de base, mais Hugo les prend en charge nativement.
| Nom | Âge |
|---|---|
| Bob | 27 |
| Alice | 23 |
Markdown en ligne dans les tableaux#
| Italique | Gras | Code |
|---|---|---|
| italique | gras | code |
Blocs de code#
Bloc de code général#
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>Bloc de code avec titre et surlignage de lignes#
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <title>Example HTML5 Document</title>
6</head>
7<body>
8 <p>Test</p>
9</body>
10</html>Types de listes#
Liste ordonnée#
- Premier élément
- Deuxième élément
- Troisième élément
Liste non ordonnée#
- Élément de liste
- Autre élément
- Et encore un autre
Liste imbriquée#
- Fruits
- Pomme
- Orange
- Banane
- Produits laitiers
- Lait
- Fromage
Autres éléments — abbr, sub, sup, kbd, mark#
GIF est un format d’image bitmap.
H2O
Xn + Yn = Zn
Appuyez sur CTRL+ALT+Suppr pour terminer la session.
La plupart des salamandres sont nocturnes et chassent les insectes, les vers et autres petites créatures.
Images#
En plus du Shortcode Figure, vous pouvez définir des images avec la syntaxe Markdown suivante :
Vous pouvez également utiliser les ‘attributs Markdown’ de Hugo pour ajouter des attributs personnalisés à l’élément HTML créé. Par exemple, pour définir la largeur d’une image à 50% :
{style="width:50%;"}Notez que la fonctionnalité ‘attributs Markdown’ nécessite une configuration du moteur de rendu Goldmark. Consultez la documentation Hugo pour plus d’informations.
La citation ci-dessus est extraite de la conférence
surrien de Rob Pike lors du Gopherfest, le 18 novembre 2015. ↩︎
