Mermaid的三种使用方法以及利用DeepSeek完成思维导图的绘制

前言

  Mermaid是一种非常重要的绘图工具，可以采用文本书写的方式的把流程图以及各种图标快速绘制出来，这个比鼠标拖拉拽然后再输入文字要方便多了。同时这种工具又能很好的采用文本进行描述，所以可以很方便的采用DeepSeek来进行生成。

一、利用mermaid.live绘图

打开链接：Online FlowChart & Diagrams Editor - Mermaid Live Editor

                 （https://mermaid.live/）

这个网站似乎是不需要登录的。

然后用脚本在线生成一个流程图，非常方便，如下图：

二、利用mermaid.nodejs.cn绘图

这个应该是国内的网站，所以打开比较的快，起始页是这样的：

然后：

这个网站对Mermaid介绍的比较详细，而且给出了很多实例，比较的详细和贴心。

那么如何运行这些实例呢？寻找的“在线编辑器”，如下图：

发现也是跳转到，mermaid.live网站，效果图如下：

实现了一个甘特图的效果。

三、利用VSCode绘图

这是利用VSCode绘制的甘特图：

关于在VSCode中如何使用Markdown文件格式，使用Mermaid显示甘特图和流程图，可以参看的我的另外一篇博客：https://blog.csdn.net/quickrubber/article/details/146492997

四、采用DeepSeek绘制复杂的图

4.1、在DeepSeek中提问

小学四年级数学有哪些主要的知识点？

得到的结果，如下3个图：

4.2、在DeepSeek中的继续提问（追问）

如何将这些内容格式调整一下，方便在Mermaid中显示为思维导图？

结果如下：

```mermaid

mindmap

  root((四年级数学))

    数与运算

      大数的认识

        读写与比较: 万/亿级数

        近似数与四舍五入: 到万位/亿位

        十进制与数位表: 个级、万级、亿级

      三位数乘两位数

        竖式计算: 进位规则

        估算应用: 价格、路程

      除数是两位数的除法

        试商技巧: 四舍五入法

        商的变化规律: 被除数和除数同时变化

      运算定律

        加法交换律/结合律

        乘法交换律/结合律/分配律

      小数的初步

        读写与比较: 如3.25元

        加减法: 小数点对齐

    几何与图形

      角的度量

        角的分类: 锐角/直角/周角

        量角器使用: 画60°角

      平行四边形和梯形

        特征: 对边平行

        画高: 垂线段定义

      三角形

        分类: 按角/边

        内角和: 180°

        三边关系: 任意两边和>第三边

    常见的量

      面积单位: 公顷/平方千米

      时间单位: 闰年判断

    统计与概率

      条形统计图: 单式/复式

        数据分析: 比较销量/身高

    数学广角

      优化问题: 沏茶/田忌赛马

      植树问题: 两端种/环形种

    易错点

      大数读写漏0: 如30,0500

      平行四边形画高混淆

      小数加减未对齐

      乘法分配律错误

```

然后，放入https://mermaid.live，进行查看

​​​​​​​

Nice，效果非常的棒！

（注意，在这个网站放入的时候将```mermaid以及```去除，如果嵌入到markdown文本中的话，则需要保留）