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 main characteristics and functionalities of 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#


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
  
Loading