Typora编写Markdown文档（支持Mermaid）

前言

     感觉编写Markdown文档的工具貌似很多，其实我比较下来。几乎只有唯二的选择。一个是安装了插件的VSCode，另一个就是Typora。

     为什么这么说呢？

     因为，我们编写Markdown文档，难免会用到流程图、甘特图的绘制，这个需要用到Mermaid。那么一般的MarkDown编辑器，都不直接支持Mermaid，都需要额外安装插件，比较麻烦。但是，Typora直接内嵌了对Mermaid的支持比较方便。

     VSCode编写Markdown文档，虽然需要安装插件，Markdown和Mermaid的插件都要安装，总体也是比较方便的。为此我已经专门写了一篇博客：VSCode中使用Markdown以及Mermaid实现流程图和甘特图等效果

（https://blog.csdn.net/quickrubber/article/details/146492997）

一、Typora的安装

安装包是从csdn上下载的，我选了一个版本比较新且不用付费和破解的版本，0.9.98版(beta)。

桌面上的图标：

版本编号：0.9.98（beta）如下图：

二、设置

2.1、颜色设置

启动后是这样的：

我嫌白色比较刺眼，设置成了黑色的风格。

在主题菜单栏中选择“night”

设置完后如下图：

2.2、Mermaid设置

菜单项：文件\偏好设置

“序列图、流程图和Mermaid图”这个项目打上勾：

三、Markdown文档编写测试

3.1、标题

常规的：

标题格式尝试：（注意#和标题之间有一个空格）

回车后

这个比较简单

3.2、流程图的绘制

注意有这个红框内提示内容弹出是正确的输入。

``` mermaid

这个是mermaid的开头，注意三撇是这个键：（注意把中文输入切换成英文）

而不是如下的这个键：

```然后空格，然后输入mermaid，然后回车

这样就出现了一个黑色区域，如下图：

黑色区域内就可以填写，流程图的绘制内容：

当光标从深黑色区域移出的时候，画面只剩下效果图：

我们将其保存，可以用记事本查看文字内容：

绘制甘特图等的操作方式是类似的，在此不再赘述。