解決 VScode 中 MPE 插件無法渲染各種圖的問題

解決 VScode 中 MPE 插件無法渲染各種圖的問題

背景

這種情況，讓我苦惱了好久，差點想棄了 vscode 寫 markdown，試用了其他的工具，我覺得還是 vscode 好一些，儘管有的插件 bug 依然存在

要解決這個問題，我以爲按照別人說的那樣將MPE預覽主題修改即可，比如背景黑乎乎，代碼塊渲染不出來的問題都解決了

解決辦法一

• 在用戶設置 settings.json 中添加一句代碼來修改 MPE 的默認主題
  "markdown-preview-enhanced.previewTheme": "atom-material.css"
  就可以解決了

解決辦法二

• 在設置中修改默認樣式

實際上

實際上，可能不是這樣，或者說在我這裏不是這樣。我有一個一比較意外的發現：VScode 原生是支持 Markdown 預覽的，但是 打開預覽的快捷鍵和 MPE 打開預覽的快捷鍵 都是 Ctrl + K /V ,當你按下快捷鍵打開預覽時，調用的卻是 VScode 自帶預覽，而不是 MPE 的渲染出來的預覽，說的可能不是很清楚，見下圖

• 編輯的時候仔細看右上角

• 兩種預覽對比一下

最終效果如下圖

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

graph LR
    fa:fa-check-->fa:fa-coffee

sequenceDiagram{align="center"}
戰士->領導: 首長好
Note right of 領導: 首長複雜的內心活動
領導-->戰士: 同志們好
戰士->>領導: 爲人民服務

sequenceDiagram{align="center"}

起牀->>喫飯: 稀飯油條
喫飯->>上班: 不要遲到了
上班->>午餐: 喫撐了
上班->>下班:
Note right of 下班: 下班了
下班->>回家:
Note right of 回家: 到家了
回家-->>起牀:
Note left of 起牀: 新的一天

sequenceDiagram {theme="hand",align="center"}

Andrew->China:Says Hello Note right of China:China thinks\nabo China-->Andrew:How are you?
Andrew->>China:I am good thanks!

參考文章

• Markdown Preview Enhanced 中文文檔

版權聲明

---

• 本文爲原創文章，版權歸本博客所有，轉載請註明出處！
• 原文鏈接：https://www.betterman.xyz/136.html
• 所有原創文章採用 知識共享署名-非商業性使用 4.0 國際許可協議 進行許可
• 我的個人博客:青衫不是山 https://www.betterman.xyz