Markdown使用mermaid画流程图

前言

使用markdown写文档还是挺方便的，但是有些文档的脉络分支可能不太一目了然，这就需要画个类似思维导图的图来整理思路，查了下mermaid这个插件可以在markdown的基础上画流程图，试了一下真的很赞

画流程图

mermaid可以画流程图、状态图、时序图、甘特图等等，我暂时只要画流程图，就介绍一下流程图的画法吧
在本地我是用typora来写markdown的，举个例子吧
代码如下：

graph LR
视频插帧--> A(非运动补偿算法)
A-->帧重复算法
A-->帧平均算法
A-->基于自适应滤波技术的算法
A-->基于深度学习直接像素合成的算法
视频插帧--> B(运动补偿算法)
B-->B1(基于块匹配的算法)
B-->B2(基于像素匹配的算法)
B1-->B11(基于全搜索的算法)
B1-->B12(基于二维对数搜索的算法)
B1-->B13(基于三步搜索的算法)
B2-->B21(传统运动估计的算法)
B2-->B22(基于深度学习运动估计的算法)

才发现CSDN这里也支持mermaid，将语言设置为mermaid，流程图就出来了

视频插帧

非运动补偿算法

帧重复算法

帧平均算法

基于自适应滤波技术的算法

基于深度学习直接像素合成的算法

运动补偿算法

基于块匹配的算法

基于像素匹配的算法

基于全搜索的算法

基于二维对数搜索的算法

基于三步搜索的算法

传统运动估计的算法

基于深度学习运动估计的算法

更多画法可以参考下面的博客

参考

[1] markdown 使用mermaid语法画流程图
[2] Mermaid 实用教程
码字不易，如果您觉得有帮助，欢迎点赞和收藏~~