Mermaid

Description #


By default the theme manage 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 (clic on the rendered image)

Examples #


MarkdownRendering
```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