Skip to main content

Mermaid

表示​

コード​

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

環境準備​

この記法が使えるようにするには、インストールと、docusaurus.config.js で有効化

bash
npm install --save @docusaurus/theme-mermaid
docusaurus.config.js
export default {
  markdown: {
    mermaid: true,
  },
  themes: ['@docusaurus/theme-mermaid'],
};
info
  • 上記は v3.7 での例。v3.8 からは標準に組み込まれるらしい
  • v3.8 からは themes 指定だけで済むようになりそう (まだ試してない)
docusaurus.config.js
export default {
  ...
  themes: ['@docusaurus/theme-mermaid'],
};