Visual Studio Code
Markdown Preview Enhanced
図の挿入色々
mermaid
knsv/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
```mermaid {code_block=true}
graph LR
id1((This is the text in the circle))
```
```mermaid {code_block=true}
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
```
- デフォルト設定だとgraph LRの中身が黒く塗りつぶされるので、VSCodeの設定で変更する。
黒くなる例
- graph LRの中身が黒くなっている。
VSCodeの設定で変更
- defaultからdarkか、forestに変更する。
- 初期設定のdefaultだと黒くなる。
- 一旦darkかforestに変更してから、defaultに戻すと黒くなくなる。設定に保存されることが重要なのかも。
forestテーマにした例
コメント