Mermaid

Descrição#


O tema incorpora o manejo de formato Mermaid para elaborar diagramas em texto e código com várias funcionalidades.

As características e funcionalidades do manejo de Mermaid são:

  • renderização de um bloco de código mermaid e destaque da linguagem
  • botão para exportar cada imagem svg renderizada no sitio
  • pré-visualização (ao clicar na imagem renderizada no sitio)

Exemplos#


Markdown Renderização
```mermaid
graph TB
    subgraph Etapa 2
    b1(Ação 2.1) --> b2(Ação 2.2)
    end
    subgraph Etapa 1
    a1(Ação 1.1) --> a2(Ação 1.2)
    end
```
graph TB
    subgraph Etapa 2
    b1(Ação 2.1) --> b2(Ação 2.2)
    end
    subgraph Etapa 1
    a1(Ação 1.1) --> a2(Ação 1.2)
    end