优化Markdown使用手册

技术分享/Markdown编辑器使用手册.md

@@ -2078,6 +2078,15 @@ pie
 
 Mermaid 示例：
 ![](../images/Markdown编辑器使用手册/91.png)  
+
+```mermaid
+graph LR
+    A[开始] --> B{条件判断}
+    B -->|是| C[执行操作1]
+    B -->|否| D[执行操作2]
+    C --> E[结束]
+    D --> E
+```
 语法说明：
 graph 声明流程图
 LR 表示从左到右布局 (可选 TB/RL/BT)
@@ -2090,7 +2099,17 @@ LR 表示从左到右布局 (可选 TB/RL/BT)
 序列图展示对象之间的交互顺序。
 
 Mermaid 示例：
-![](../images/Markdown编辑器使用手册/92.png)    
+![](../images/Markdown编辑器使用手册/92.png)   
+
+```mermaid
+sequenceDiagram
+    participant 用户
+    participant 系统
+    用户->>系统: 登录请求
+    系统-->>用户: 验证请求
+    用户->>系统: 提交凭证
+    系统-->>用户: 登录成功
+``` 
 
 语法说明：
 participant 定义参与者
@@ -2100,7 +2119,24 @@ participant 定义参与者
 
 类图 (Class Diagram)
 类图用于面向对象设计，展示类及其关系。  
-![](../images/Markdown编辑器使用手册/93.png)     
+![](../images/Markdown编辑器使用手册/93.png)   
+
+```mermaid
+classDiagram
+    class 用户 {
+        +用户名: string
+        +密码: string
+        +登录()
+    }
+    
+    class 订单 {
+        +订单号: int
+        +创建日期: date
+        +计算总价()
+    }
+    
+    用户 "1" --> "n" 订单
+```
 
 ## 高级技巧  
 1. 主题定制