📌
VSCodeでのPDF化エラー:Mermaid図が表示されない原因と対策
執筆日
2024/1/16
やること
Vscodeでmarkdownで資料を書いていました。
その際に、Mermaidでシステムフロー図を書いていました。
Vscodeの拡張機能のMarkdown PDF でPDF化した際に、Mermaidで作成したシステムフロー図が表示されない。なぜ?
原因
調べると同じ人がいた。
Mermaid ServerのURL変えたらできそう。
手順
- Vscodeを開く
- 画面左上のファイル(F)>ユーザー設定>設定をクリックする
-
Markdown-pdf:Mermaid Serverと検索し、https://unpkg.com/mermaid@10.4.0/dist/mermaid.jsに書き換える
- Vscodeの拡張機能のMarkdown PDF でPDF化する
- Mermaidでフロー図が出力されたことを確認する
Discussion