新增：文章内支持 Mermaid 流程图（更多 Mermaid 语法请参见官方文档）

docs/courses/java/01-Java语法入门/10-循环结构.md

@@ -79,7 +79,17 @@ while (循环条件) {
 
 从流程图中，我们可以看出它和选择结构的主要区别在于： **当条件成立且执行完操作后，它不会直接结束，而是会再次进入条件判断，直到条件不成立为止。** 
 
+<!--
 ![202010080738975](../../../public/img/2020/10/08/202010080738975.png)
+-->
+
+```mermaid
+flowchart LR
+    A([开始]) --> B{循环条件}
+    B -->|是| C[循环操作]
+    C --> B
+    B -->|否| D([结束])
+```
 
 ### 使用
 
@@ -187,7 +197,17 @@ do {
 
 从流程图中，我们可以看出：`do-while` 循环的执行讲究一个先 do（循环操作），然后再执行循环条件。而且 **无论条件是否能成立，它至少会执行一次循环操作** 。
 
+<!--
 ![202010080739706](../../../public/img/2020/10/08/202010080739706.png)
+-->
+
+```mermaid
+flowchart LR
+    A([开始]) --> B[循环操作]
+    B --> C{循环条件}
+    C -->|是| B
+    C -->|否| D([结束])
+```
 
 ### 使用