Browse Source

流程图

kindring 3 years ago
parent
commit
6c19196fc2
1 changed files with 39 additions and 0 deletions
  1. 39 0
      测试/markdown技巧.md

+ 39 - 0
测试/markdown技巧.md

@@ -0,0 +1,39 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-08-18 17:52:27
+ * @LastEditTime: 2021-08-18 18:00:39
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \md-\测试\markdown技巧.md
+-->
+# markdown技巧
+## 在markdown中使用流程图
+### 1. 如何使用markdown
+使用markdown中的代码块来进行编写流程图,设置代码块的语言为`mermaid`
+> [!waring]
+> 复制代码,注意缩进.在正经的`markdown`浏览器里可以正常查看流程图,在`docsify`中需要进行一定的配置
+> [在docsify中使用流程图](../博客搭建/docsify辅助服务.md)
+ 
+示例代码
+```
+
+    ```mermaid
+    graph TB
+    A(开始) --> B[处理子逻辑]
+    B --> C{是否处理成功}
+    C --失败--> E[处理错误]
+    C --成功--> D[存储数据]
+    E --> B
+    ```
+
+```
+
+结果
+```mermaid
+graph TB
+  A(开始) --> B[处理子逻辑]
+  B --> C{是否处理成功}
+  C --失败--> E[处理错误]
+  C --成功--> D[存储数据]
+  E --> B
+```