diff --git a/_posts/2018-10-12-Play_with_vscode_PlantUML_preview.md b/_posts/2018-10-12-Play_with_vscode_PlantUML_preview.md
index 9cf2fad..709febd 100644
--- a/_posts/2018-10-12-Play_with_vscode_PlantUML_preview.md
+++ b/_posts/2018-10-12-Play_with_vscode_PlantUML_preview.md
@@ -41,6 +41,21 @@ MindMap diagram
 通过简单直观的语言来定义这些示意图,与MarkDown有相似的作用，这两种语言一个主要面向文本渲染一个主要用于图形绘制。
 #### 语法
 语法简单明了，查看以下[官方教程](http://plantuml.com/zh/sequence-diagram)   
+**我截取几个官网的事例图片在这里：**
+
+- 活动图
+![活动图](https://i.loli.net/2019/11/21/GIBKdwfv2zCLH5y.png)
+- 类图
+![类图](https://i.loli.net/2019/11/21/KZz4F82AugpNckW.png)
+- 时序图
+![时序图](https://i.loli.net/2019/11/21/XIKTPifd6GmMB5Y.png)
+- 用例图
+![用例图](https://i.loli.net/2019/11/21/8nMHGwyV1lobCLz.png)
+- 状态图
+![状态图](https://i.loli.net/2019/11/21/6b9q2BXLyeZSIpD.png)
+
+#### 图中的图片都是用源代码' '写'' 出来的哦！是不是很cool
+
 
 ### PlantUML遇上VsCode
 #### 安装
diff --git a/images/2018-10-12-Play_with_vscode_PlantUML_preview/时序图.png b/images/2018-10-12-Play_with_vscode_PlantUML_preview/时序图.png
new file mode 100644
index 0000000..b5f1b97
Binary files /dev/null and b/images/2018-10-12-Play_with_vscode_PlantUML_preview/时序图.png differ
diff --git a/images/2018-10-12-Play_with_vscode_PlantUML_preview/活动图.png b/images/2018-10-12-Play_with_vscode_PlantUML_preview/活动图.png
new file mode 100644
index 0000000..ad35e26
Binary files /dev/null and b/images/2018-10-12-Play_with_vscode_PlantUML_preview/活动图.png differ
diff --git a/images/2018-10-12-Play_with_vscode_PlantUML_preview/状态图.png b/images/2018-10-12-Play_with_vscode_PlantUML_preview/状态图.png
new file mode 100644
index 0000000..4e6f337
Binary files /dev/null and b/images/2018-10-12-Play_with_vscode_PlantUML_preview/状态图.png differ
diff --git a/images/2018-10-12-Play_with_vscode_PlantUML_preview/用例图.png b/images/2018-10-12-Play_with_vscode_PlantUML_preview/用例图.png
new file mode 100644
index 0000000..f92fac7
Binary files /dev/null and b/images/2018-10-12-Play_with_vscode_PlantUML_preview/用例图.png differ
diff --git a/images/2018-10-12-Play_with_vscode_PlantUML_preview/类图.png b/images/2018-10-12-Play_with_vscode_PlantUML_preview/类图.png
new file mode 100644
index 0000000..fee0873
Binary files /dev/null and b/images/2018-10-12-Play_with_vscode_PlantUML_preview/类图.png differ