Rédiger du contenu en Markdown

Cecil prend en charge la syntaxe Markdown dans les fichiers .md, ainsi que le front matter pour définir des variables.

Style inline

Le texte peut être en gras, italique ou barré.

Text can be **bold**, _italic_, or ~~strikethrough~~.

Vous pouvez créer un lien vers une page ou vers une autre page.

You can [link to a page](/about.md) or [to another page](page:index).

Vous pouvez mettre en évidence du code inline avec des accents graves.

You can highlight `inline code` with backticks.

Structurer une page

Cecil utilise automatiquement le nom du fichier comme titre de la page, mais vous pouvez également définir le titre et d’autres variables dans le front matter.

Vous pouvez structurer le contenu à l’aide d’un titre. En Markdown, les titres sont indiqués par un certain nombre de # au début de la ligne.

---
title: Page title
description: Page short description.
---

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

## Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Image

Les images utilisent la prise en charge intégrée des ressources optimisées de Cecil.

![Cecil favicon](/favicon.png "Cecil favicon")

Cecil recherche les images dans les répertoires assets/ et static/, mais les chemins relatifs sont également pris en charge :

![Cecil favicon](../../../assets/favicon.png "Cecil favicon")

Liste

• Élément de liste non ordonnée
• Élément de liste non ordonnée
• Élément de liste non ordonnée

1. Élément de liste ordonnée
2. Élément de liste ordonnée
3. Élément de liste ordonnée

• Niveau 1
  • Niveau 2
  • Niveau 2
    • Niveau 3
    • Niveau 3

* Unordered list
* Unordered list
* Unordered list

1. Ordered list
2. Ordered list
3. Ordered list

* Level 1
  * Level 2
  * Level 2
    * Level 3
    * Level 3

Citation

Ceci est une citation, couramment utilisée pour citer une autre personne ou un autre document.

Les citations sont indiquées par un > au début de chaque ligne.

> This is a blockquote, which is commonly used when quoting another person or document.
>
> Blockquotes are indicated by a `>` at the start of each line.

Bloc de code

Un bloc de code est indiqué par un bloc délimité par trois accents graves ``` au début et à la fin. Vous pouvez indiquer le langage utilisé après les accents graves d’ouverture.

// PHP code
$config = [
    'title'   => "My website",
    'baseurl' => 'http://localhost:8000/',
];

Builder::create($config)->build();

```php
// PHP code
$config = [
    'title'   => "My website",
    'baseurl' => 'http://localhost:8000/',
];

Builder::create($config)->build();
```

Ligne horizontale

---

Liste de définitions

Premier terme

Voici la définition du premier terme.

Deuxième terme

Voici une définition du deuxième terme.

Voici une autre définition du deuxième terme.

First Term
: This is the definition of the first term.

Second Term
: This is one definition of the second term.
: This is another definition of the second term.

Tableau

| Head 1       | Head 2            | Head 3 |
|:-------------|:------------------|:-------|
| ok           | good swedish fish | nice   |
| out of stock | good and plenty   | nice   |
| ok           | good `oreos`      | hmm    |
| ok           | good `zoute` drop | yumm   |

Notes

:::info|tip|important|warning|caution
Note here.
:::

Diagrammes et graphiques

Créez des diagrammes et des graphiques avec Mermaid.

Diagramme de séquence

sequenceDiagram
  participant Alice
  participant Bob
  Alice->>John: Hello John, how are you?
  loop HealthCheck
    John->>John: Fight against hypochondria
  end
  Note right of John: Rational thoughts <br/>prevail!
  John-->>Alice: Great!
  John->>Bob: How about you?
  Bob-->>John: Jolly good!

```mermaid
sequenceDiagram
  participant Alice
  participant Bob
  Alice->>John: Hello John, how are you?
  loop HealthCheck
    John->>John: Fight against hypochondria
  end
  Note right of John: Rational thoughts 
prevail!
  John-->>Alice: Great!
  John->>Bob: How about you?
  Bob-->>John: Jolly good!
```

Graphe Git

gitGraph
  commit
  commit
  branch develop
  commit
  commit
  commit
  checkout main
  commit
  commit

```mermaid
gitGraph
  commit
  commit
  branch develop
  commit
  commit
  commit
  checkout main
  commit
  commit
```