Mermaid 図

Mermaid は標準では有効になりません。このサンプルは mermaid パッケージと、 図のソースをブラウザで SVG に変換する小さな Astro コンポーネントを追加します。

フローチャート

flowchart TD
A[MDX を書く] --> B[Astro build]
B --> C[静的 HTML]
C --> D[Pagefind 索引]

シーケンス図

sequenceDiagram
participant Reader as 読者
participant Browser as ブラウザ
participant Host as 静的ホスト
Reader->>Browser: ドキュメントを開く
Browser->>Host: HTML を要求
Host-->>Browser: 事前生成ページ

ページ本文は事前生成されますが、図が SVG になるには JavaScript が必要です。 JavaScript 無効時にも図が必要ならビルド時 Mermaid プラグインが適します。