https://blog.kangq.wang/tags/mermaid/Recent content in Mermaid on 桃花岛种桃Hugo -- 0.155.3zh-cnSun, 18 Sep 2022 08:49:14 +0000https://blog.kangq.wang/markdownpreviewenhancedzhongmermaid/Mon, 09 Sep 2019 08:03:06 +0000https://blog.kangq.wang/markdownpreviewenhancedzhongmermaid/<h1 id="问题">问题</h1> <p>初次在 VSCode 中使用 Markdown_Preview_Enhanced 扩展，绘制 Mermaid 结构图，结果预览中显示黑底黑字，完全看不清字体。</p> <!-- more --> <h1 id="解决">解决</h1> <p>在 Markdown_Preview_Enhanced 的扩展设置中，设置 Mermaid 图的主题，在下图中 <code>Mermaid Theme</code> 选项的下拉菜单中，重新选一个主题。这里我选了 forest 主题。再看预览就显示正常了。</p> <p><img loading="lazy" src="https://blog.kangq.wang/images/MPH%E7%9A%84mermaid%E8%AE%BE%E7%BD%AE.png"></p> <p>然后我把 <code>Mermaid Theme</code> 又设置回 default，显示也正常。这可能是 Markdown_Preview_Enhanced 的一个 bug， 初次使用 Mermaid 需要换一换主题才能正常显示主题。</p>