解决 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 LRfa:fa-check-->fa:fa-coffee

sequenceDiagram{align="center"}
战士->领导: 首长好
Note right of 领导: 首长复杂的内心活动
领导-->战士: 同志们好
战士->>领导: 为人民服务

Created with Raphaël 2.2.0陪妹子进商场买买买妹子开不开心?出商场yesno

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

解决 VScode 中 MPE 插件无法渲染各种图的问题相关推荐

解决vscode中golang插件依赖安装失败问题
解决vscode中golang插件依赖安装失败问题参考文章: (1)解决vscode中golang插件依赖安装失败问题 (2)https://www.cnblogs.com/feiquan/p/11 ...
最简单解决VSCode中Golang插件依赖安装失败问题
1. 配置好 Go 相关的环境变量,很多文章有说,这里就跳过了: 2. 参考 goproxy.io ,打开 cmd ,输入 go env -w GOPROXY=https://goproxy.io,d ...
解决vscode中golang插件安装失败方法
Go有一个全球模块代理,设置代理再去安装golang的插件,就可以安装成功了.步骤有,首先Windows用户打开Powershell,一个蓝色的界面,注意不是cmd!不知道的直接打开window下面的 ...
VSCode中Vue插件使用整理_Vue2开发插件
一.Vue 2 Snippets for Visual Studio Code This extension adds Vue 2 Code Snippets into Visual Studio C ...
解决 vscode中pylint抽风报错问题
解决 vscode中pylint抽风报错问题问题原因主要是pylint再vs中的配置不太对,找不到相关的库,就算一个project中的文件也找不到如何配置? 链接: 原文链接. 首先点击文件- ...
VSCode中ESLint插件修复+配置教程
文章目录 vscode+eslint插件+配置教程如果不好用排查1: 如果出现后面回车符问题排查2: 保存时好了但是一瞬间代码又回来了排查3: 右下角是否开启eslint服务排查4: 如果保 ...
Vscode 中LiveReload插件总是启动失败和出错图文详细分析和stepbystep解决方案
一.环境配置: Date:2020/11/07 OS: Win10(x64) VSCODE:1.50.1 LiveReload:0.2.5 二.问题描述: 通过在VSCODE中执行快捷命令ctrl+s ...
解决eclipse中git插件中的cannot open git-upload-pack问题
有时候在eclipse上使用插件egit向github或者osc上同步代码时,有时候会发现出现cannot open git-upload-pack这个问题. 一般引起这个问题的原因有两个:一.网络问 ...
【学习记录】解决VScode中C语言运行终端输出中文乱码问题
(0)前言本人不是什么大佬,只是在刷了N个帖子后,在评论区的一个老哥留言中发现这个方法在自己的电脑(联想Y7000 2019版)居然可以简单解决了!!!于是写了这个帖子用来记录这个方法!!! 已经看 ...

解决 VScode 中 MPE 插件无法渲染各种图的问题

解决 VScode 中 MPE 插件无法渲染各种图的问题

背景

解决办法一

解决办法二

实际上

最终效果如下图

参考文章

版权声明

解决 VScode 中 MPE 插件无法渲染各种图的问题相关推荐

最新文章

热门文章