Demo MDX: Mermaid e Impress.js
Una página de prueba para validar Markdown, componentes MDX, diagramas Mermaid y presentaciones tipo Impress.js dentro de Logia Abierta.
Markdown vivo para piezas especiales
Este ensayo vive en MDX. Eso significa que puede usar Markdown normal, pero también componentes visuales y experiencias interactivas cuando el tema lo merece.
Para SGE, AI Overviews y buscadores generativos, la clave sigue siendo que el contenido principal sea claro, visible, rastreable y útil para humanos.
flowchart LR
A[Idea editorial] --> B{Tipo de contenido}
B -->|Artículo normal| C[Keystatic Markdown]
B -->|Ensayo interactivo| D[MDX]
D --> E[Mermaid]
D --> F[Impress.js]
C --> G[Astro]
E --> G
F --> G
G --> H[SEO + AI Overviews] Presentación embebida
El siguiente bloque usa una estructura compatible con Impress.js. Puedes navegar con teclado cuando el deck esté enfocado.
Logia Abierta
Ensayos con espacio, movimiento y estructura.
Mermaid
Diagramas explicados con texto visible y rastreable.
SGE Ready
Contenido claro, schema honesto y señales semánticas consistentes.
Uso recomendado
Usa MDX para piezas evergreen, guías, mapas conceptuales y páginas que necesiten componentes. Usa Sanity para el flujo editorial cotidiano.