使用Mermaid画流程图

使用 mermaid 画流程图可以具体参考Flowchart 。使用方法非常简单且直观，但是有一点考虑，这种文件的可分享性如何？

自动支持

直接在代码块里输入即可：

	```mermaid
	graph LR; //Left to Right;
	A-->B;
	A==Test==>B; //Bold arrow with label;
	subgraph one; // group
	end; // end is required for group.
	```

graph LR;

A-->B;
A==测试==>C;

subgraph one;
C-.->D;
end;

这里 end 很重要，非常容易被忘记。

手动支持

对于不支持渲染的平台，可以自己手动插入 mermaid 的 JS 文件，将代码块中的 mermaid 代码改为如下格式：

<div class="mermaid">

graph LR

信息源-->收集-->阅读+批注-->临时笔记-->永久笔记-->创作;

</div>

在页面中加入如下的代码：

<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script> 
<script>mermaid.initialize({startOnLoad:true});</script>