Esta página demonstra os recursos de diagramas (Mermaid) e fórmulas matemáticas (KaTeX) do tema.

Diagramas Mermaid

Basta um bloco de código com a linguagem mermaid — o tema renderiza automaticamente, sem configuração extra.

Fluxograma 

flowchart LR
    A[Criar conta] --> B[Baixar cliente]
    B --> C[Criar personagem]
    C --> D{Escolher classe}
    D -->|Dark Knight| E[Foco em força]
    D -->|Dark Wizard| F[Foco em energia]

Diagrama de sequência 

sequenceDiagram
    participant J as Jogador
    participant S as Servidor
    J->>S: Login (usuário + senha)
    S-->>J: Lista de personagens
    J->>S: Entrar no mundo
    S-->>J: Carrega o mapa

Gráfico de pizza 

pie title Distribuição de classes no servidor
    "Dark Knight" : 45
    "Dark Wizard" : 30
    "Fairy Elf" : 25

Fórmulas matemáticas (KaTeX)

Use o shortcode katex para renderizar matemática. Os assets do KaTeX são carregados automaticamente quando o shortcode está presente na página.

Equação em destaque (bloco):

$$ \text{dano} = (\text{ataque} - \text{defesa}) \times \left(1 + \frac{\text{crítico}}{100}\right) $$

Outro exemplo, somatório:

$$ \text{EXP total} = \sum_{i=1}^{n} \text{exp}_i $$