図
Mermaid の図は mermaid のコードフェンスに書きます。描画にはオプションの mermaid パッケージを使うので、図を使うにはインストールしてください。
bun add mermaid```mermaidflowchart LR Write --> Present --> Export```- 必要なときだけ読み込み —
mermaidを読み込むのは図を含むスライドだけです。インストールしていないプロジェクトも普通にビルドできます。 - テーマはデッキに合わせて決まります。
dark/gradientは Mermaid のdark、forestはforest、それ以外はdefaultになります。 - スライド向けのサイズ — ラベルはスライドの本文テキストに合わせて拡大縮小されます。
.mdxと.mdのスライド、発表者ウィンドウのプレビュー、PDF エクスポートで動作します(エクスポートは図の描画完了を待ちます)。mermaidがインストールされていない場合や図に構文エラーがある場合は、ソースがコードとして表示され、ブラウザのコンソールにメッセージが出力されます。