异常强大的 Markdown 编辑插件 -Markdown Preview Enhanced

最近使用 Markdown 写作，了解到以下这些 Markdown 写作工具

• MaHua 在线 markdown 编辑器 百度搜索 Markdown 时，它排在非常靠前的位置
• 马克飞象- 专为印象笔记打造的 Markdown 编辑器 知乎好多人推荐这个
• MarkdownPad - The Markdown Editor for Windows 用于 Windows 系统的桌面版 Markdown 写作工具
• Visual Studio Code - Code Editing. Redefined 微软出品的文本编辑器，里面有很多用于 Markdown 的插件可以安装
• Atom GitHub 出品的文本编辑器，同样是以插件的形式来完成对 Markdown 的支持

当然还有相当多其他的解决方案，在此我就不一一列举了。

我尝试了几款写作工具，根据我的个人感觉，还是 Visual Studio Code 的体验最佳。Visual Studio Code 的本职工作是一个文本编辑器，是程序员用来修改代码或者配置文件的工具，可以说很多程序员即使不写 Markdown,也会安装它用于其他工作，是一个熟悉的平台。和那些专用的桌面版 Markdown 编辑器相比，它不需要安装额外的桌面应用，在现成的应用上通过插件的形式就可以完成对 Markdown 的支持。和在线编辑器相比，它不需要联网。那么有些同学会问了，Atom 也是文本编辑器，为什么不用 Atom 呢？这个首先是出于个人喜好，我个人比较喜欢 Visual Studio Code 的设计。另外，Visual Studio Code 对于中文的支持非常完美，而 Atom 目前只有英文版本。

有些人也许认为插件就算再厉害，和专业的 Markdown 编辑器相比也是逊色不少的吧。一开始我也是这么想的，不过后来就发现自己错了。首先，Visual Studio Code 在不安装插件的情况下也能实现对于 Markdown 的基本支持。如果安装上插件，则是如虎添翼。刚开始我尝试的是一款名为 Markdown All in One 的插件。它是在 Visual Studio Code 对于 Markdown 基础支持上的改进，加入了诸如自动补全、数学公式等扩展。用起来感觉不错。后来无意中在网上看到有人推荐另外一款插件，叫作 Markdown Preview Enhanced。其实我之前在 VSCode 的插件商店里也看到过这款插件，还犹豫了一下到底是装这个还是装 Markdown All in One。从名字上来看，Markdown All in One 的意思是 Markdown 大礼包，听起来比较牛逼；而 Markdown Preview Enhanced 的意思是 Markdown 预览增强版，听起来比较朴素。涉世未深的我选择了听起来比较厉害的。而当我尝试了 Markdown Preview Enhanced（下文中以 MPE 代替）之后，发现这个作者起名实在是低调，我要是写出这么强大的插件，我绝对起个比宇宙无敌阿姆斯特朗回旋加速喷气式阿姆斯特朗炮还要霸气的名字。

言归正传，我们来具体介绍一下 VSCode 搭配上 MPE 之后是多么强大吧。

语法高亮

首先 VSCode 作为一款专业的文本编辑器，在语法高亮方面绝对是它的拿手好戏，一些 Markdown 编辑器宣传自己的语法高亮多么多么厉害，其实在 VSCode 面前都是渣渣。

宽松的语法限制

刚开始使用 MPE 时，第一感觉是它对于语法的限制非常宽松，很多时候不严格按照 Markdown 语法规定也能呈现出你想要的效果。比如 Markdown 语法要求#后面要加空格才能识别出该元素是标题，而在 MPE 中，#后面不加空格直接输字符，同样能识别出这是一个标题，还有很多类似的例子。对于初学者来说，经常会漏掉空格等元素，MPE 很照顾初学者的使用体验。

一键生成 HTML 或 PDF 文件

网上有一些文章讨论了如何将 Markdown 输出为 HTML 或者 PDF 文件。我看很多文章中的方法都相当麻烦，需要通过好几个软件协同工作才能输出。而 MPE 则有一键输出 HTML 的功能，而 Windows 自带 HTML 转 PDF 的功能，所以 PDF 也因此得到了。如果不想用 Windows 自带的 PDF 生成器，还可以调用其他 PDF 生成引擎

超强的作图系统

MPE 最强大的地方在于它的作图系统。它的官网中介绍如下：

Markdown Preview Enhanced 内部支持 flow charts, sequence diagrams, mermaid, PlantUML, WaveDrom, GraphViz，Vega & Vega-lite，Ditaa 图像渲染。 你也可以通过使用 Code Chunk 来渲染 TikZ, Python Matplotlib, Plotly 等图像。

本博客采用的 solo 系统使用的 Markdown 引擎能够支持 flowchart.js 渲染已经让我挺惊讶了，MPE 竟然一次性支持这么多作图工具，真的太强大了。

一图胜过万言，最后我放几张 MPE 的渲染效果图吧。