Prueba de diagramas Mermaid

Diagrama de flujo simple

Aquí está un diagrama de flujo básico:

graph TD
    A[Inicio] --> B[Procesamiento]
    B --> C{¿Válido?}
    C -->|Sí| D[Guardar]
    C -->|No| E[Error]
    D --> F[Fin]
    E --> F

Diagrama de secuencia

Un ejemplo de diagrama de secuencia:

sequenceDiagram
    participant Cliente
    participant Servidor
    participant BD
    
    Cliente->>Servidor: GET /api/datos
    Servidor->>BD: SELECT * FROM datos
    BD-->>Servidor: Resultados
    Servidor-->>Cliente: JSON

Diagrama de Gantt

Un cronograma de proyecto:

gantt
    title Roadmap del Proyecto
    dateFormat YYYY-MM-DD
    
    section Fase 1
    Diseño :des1, 2026-09-01, 30d
    Desarrollo :dev1, 2026-10-01, 45d
    
    section Fase 2
    Testing :test1, 2026-11-15, 30d
    Deploy :dep1, 2026-12-15, 7d

Diagrama de clases

La arquitectura de un sistema:

classDiagram
    class Usuario {
        -id: int
        -nombre: string
        -email: string
        +crear()
        +eliminar()
    }
    
    class Publicacion {
        -id: int
        -titulo: string
        -contenido: string
        +publicar()
    }
    
    Usuario "1" --> "*" Publicacion : escribe

Así es como se ven los diagramas Mermaid integrados en tu blog.