diff --git a/README.md b/README.md
index 764a34b..7515805 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,6 @@
 # MKB
 
 Manlink Knowledge Base
-> **Warning**
-> 请不要直接对`master`分支进行修改！
-
-修改前请**签出**分支，修改完成后请发起***合并分支***请求
-
 ---
 ## About
 此仓库用于储存及生成知识库网页
@@ -31,4 +26,18 @@ Manlink Knowledge Base
 5. 现在您可以对仓库进行`签出`、`提交`等操作
 6. 可能在提交时会提示输入用户名/密码(请输入gitea账户密码)
 
+### VSCode-Git 使用说明
 
+1. 在完成环境部署后，vscode中源代码管理功能应可用，从侧边栏中访问该功能
+   ![VSCode Git](./source/_images/Readme/vscode_git.png)
+2. 想要对知识库页面进行编辑时，需**签出新分支**，参考下图步骤
+
+    ![](./source/_images/Readme/vscode_checkout.png)
+    ![](./source/_images/Readme/vscode_new_branch.png)
+
+> **Warning**
+> 请不要直接对`master`分支进行修改！
+>修改前请**签出**分支，修改完成后请发起***合并分支***请求
+
+3. 在进行编辑后点击这里进行推送/发布新分支
+   ![](./source/_images/Readme/vscode_push.png)
diff --git a/source/_images/Readme/vscode_checkout.png b/source/_images/Readme/vscode_checkout.png
new file mode 100644
index 0000000..d8a5ae2
Binary files /dev/null and b/source/_images/Readme/vscode_checkout.png differ
diff --git a/source/_images/Readme/vscode_git.png b/source/_images/Readme/vscode_git.png
new file mode 100644
index 0000000..79f922b
Binary files /dev/null and b/source/_images/Readme/vscode_git.png differ
diff --git a/source/_images/Readme/vscode_new_branch.png b/source/_images/Readme/vscode_new_branch.png
new file mode 100644
index 0000000..409f851
Binary files /dev/null and b/source/_images/Readme/vscode_new_branch.png differ
diff --git a/source/_images/Readme/vscode_push.png b/source/_images/Readme/vscode_push.png
new file mode 100644
index 0000000..dec38dd
Binary files /dev/null and b/source/_images/Readme/vscode_push.png differ