diff --git a/README.md b/README.md
index aa7fbc3..635bbe7 100644
--- a/README.md
+++ b/README.md
@@ -28,8 +28,33 @@
 
 > 动图示例
 > ![示例图片](教程图片/hash-demo.gif)
+>
 > 说明文档
+> ```
+> 1. 上部分选择框会列出当前java环境中的provider、type、algorithm
+> 2. 中间部分ui组件是因为部分操作会需要填写一些参数
+> 3. 以及下面包含一个数据输入框、数据输出框
+> ```
 
 ### 二、插件配置 ###
 
-### 三、代码生成 ###
\ No newline at end of file
+> 动图示例
+> ![示例图片](教程图片/config-demo.gif)
+>
+> 说明文档
+> ```
+> 1. 可配置输入输出的编码
+> 2. 支持扩展外部的provider
+> 3. 记录历史的添加记录(历史添加记录右键删除，双击再次添入)
+> ```
+
+### 三、代码生成 ###
+
+> 动图示例
+> ![示例图片](教程图片/gen-code-demo.gif)
+>
+> 说明文档
+> ```
+> 1. 可生产一些jce的代码
+> 2. 生成代码的编码暂只支持Hex
+> ```
\ No newline at end of file
diff --git "a/\346\225\231\347\250\213\345\233\276\347\211\207/config-demo.gif" "b/\346\225\231\347\250\213\345\233\276\347\211\207/config-demo.gif"
new file mode 100644
index 0000000..cf4bb12
Binary files /dev/null and "b/\346\225\231\347\250\213\345\233\276\347\211\207/config-demo.gif" differ
diff --git "a/\346\225\231\347\250\213\345\233\276\347\211\207/gen-code-demo.gif" "b/\346\225\231\347\250\213\345\233\276\347\211\207/gen-code-demo.gif"
new file mode 100644
index 0000000..38545de
Binary files /dev/null and "b/\346\225\231\347\250\213\345\233\276\347\211\207/gen-code-demo.gif" differ