VSCodeでmarkdown中のmermaidをプレビュー
- Markdown Preview Mermaid Supportをインストール
- markdownのcode fencesで
mermaid
を指定するとプレビュー上で図に変換される - markdownのプレビュー表示:
Command+K
→ V
```mermaid
flowchart TD
A --> B
```
mermaid-cli
# インストール
$ brew install mermaid-cli
# sample.mmdをoutput.svgに変換
$ mmdc -i sample.mmd -o output.svg
# 主なオプション
# -i : 入力ファイル名を指定
# -o : 出力ファイル名を指定。デフォルトは`${入力ファイル名}.svg`
# -t : テーマを指定 : `default`, `forest`, `dark`, `neutral`
# -b : 背景色を指定 : `transparent`で透過
# -w, -H : 幅・高さを指定
https://github.com/mermaid-js/mermaid-cli