Markdown: Extrait de code

Extrait de code#

Fragment de code#

Pour définir un fragment de code, il faut ajouter une apostrophe inversée (`) avant et après le code à mettre en évidence.

Markdown HTML Rendu 
Tapez `hugo version` pour connaitre la version Hugo
<p>Tapez <code>hugo version</code> pour connaitre la version Hugo</p>
 Tapez hugo version pour connaitre la version Hugo

Fragment de code imbriqué#

Pour définir un fragment de code imbriqué dans un autre, il faut ajouter deux apostrophes inversées (`) avant et après le texte global qui contiendra le fragment de code imbriqué.

Markdown HTML Rendu 
``Tapez `hugo version` pour connaitre la version Hugo``
<p><code>Tapez `hugo version` pour connaitre la version Hugo</code></p>
 Tapez `hugo version` pour connaitre la version Hugo

Bloc de code#

Pour définir un bloc de code sur plusieurs lignes, il faut ajouter 4 espaces en début de chaque ligne de code.

Markdown HTML Rendu 
    <html>
      <head>
        <title>Hello world</title>
      </head>
    </html>
<pre> <code> <html> <head> <title>Hello world</title> </head> </html> </code> </pre>
 
<html>
  <head>
    <title>Hello world</title>
  </head>
</html>

Bloc de code cloisonné#

Syntaxe classique#

Pour définir un bloc de code cloisonné sur plusieurs lignes, il faut ajouter 3 apostrophes inversées (`) au début de deux nouvelles lignes, avant et après le code à mettre en évidence.

Markdown HTML Rendu 
```
<html>
  <head>
    <title>Hello world</title>
  </head>
</html>
```
<pre> <code> <html> <head> <title>Hello world</title> </head> </html> </code> </pre>
 
<html>
  <head>
    <title>Hello world</title>
  </head>
</html>

Syntaxe classique avec surlignage#

Pour définir un bloc de code cloisonné avec surlignage du code en fonction du langage utilisé, il faut rajouter le code du langage après les 3 apostrophes inversées (`) de la première ligne.

Markdown HTML Rendu 
```html {linenos=table,hl_lines=[1,"3-4"],linenostart=10}
<html>
  <head>
    <title>Hello world</title>
    <meta charset="UTF-8">
  </head>
</html>
```
[...] <pre> <code> <html> <head> <title>Hello world</title> <meta charset="UTF-8"> </head> </html> </code> </pre> [...]
 
10
11
12
13
14
15

<html>
  <head>
    <title>Hello world</title>
    <meta charset="UTF-8">
  </head>
</html>
Il est possible d’utiliser les fonctions avancées du surlignage de code fourni par Hugo afin d’obtenir un rendu plus adapté à vos besoins.