Plugin Demo: Math, Mermaid, and Tables Render Natively

A scratch article proving remark-math, rehype-katex, remark-mermaidjs, and GFM tables all work in the Astro pipeline.

This article exists to prove the toolchain renders rich content, so the auto-writer knows exactly what it can emit.

Inline and display math

Einstein’s relation, inline: $E = mc^2$ . And a display equation:

f(x) = \int_{-\infty}^{\infty} \hat{f}(\xi)\, e^{2\pi i \xi x}\,d\xi

A Mermaid diagram

flowchart LR
    A[Research bundle] --> B[Draft short]
    A --> C[Draft article]
    B --> D{Review gate}
    C --> D
    D -->|approve| E[Publish]
    D -->|bounce| A

A table

Pipeline stage	Owner	Auto?
Research bundle	v4-pro / flash	yes
Draft short + article	flash	yes
Review	human	no
Publish + deploy	CI	yes

The takeaway

Math, flow diagrams, and tables all render server-side with zero client JavaScript — the articles can be as rich as the topic needs, and the build stays fast and static.