Diagramas

Diagramas com Mermaid, que acompanham o tema claro e escuro.

Summary

Diagramas do Mermaid são escritos como texto, dentro de um bloco de código. Eles se adaptam sozinhos ao tema claro e escuro.

Fluxograma

```mermaid
graph TD
    A[Escreve o Markdown] --> B{Faz push?}
    B -->|Sim| C[A Action constrói]
    B -->|Não| D[Fica no seu editor]
    C --> E[Site publicado]
```

resultado:

Diagrama de sequência

```mermaid
sequenceDiagram
    participant Autor
    participant Action
    participant Pages
    Autor->>Action: push na main
    Action->>Action: constrói o site
    Action->>Pages: publica
    Pages-->>Autor: site no ar
```

resultado:

Como o diagrama é texto, ele vive no mesmo commit da mudança que descreve, e o diff mostra o que mudou nele.

docs/authoring/mermaid.mdx

DoDocs v3.7.0 · Desenvolvido por @thiagocajadev · Baseado no trabalho de pmndrs/docs · Poimandres.