Mermaid

Description#


By default the theme manages the Mermaid format, allowing to display diagrams created from text and code, while adding several utility functionalities.

The several characteristics and functionalities of the Mermaid management in the theme are:

  • rendered from a fenced code block and mermaid highlight language
  • export button associated to each rendered svg
  • preview (click on the rendered image)

Examples#


Markdown Rendering
```mermaid
graph TB
    subgraph Étape 2
    b1(Action 2.1) --> b2(Action 2.2)
    end
    subgraph Étape 1
    a1(Action 1.1) --> a2(Action 1.2)
    end
```
graph TB
    subgraph Étape 2
    b1(Action 2.1) --> b2(Action 2.2)
    end
    subgraph Étape 1
    a1(Action 1.1) --> a2(Action 1.2)
    end
On this page: