diff --git a/docs/代码库管理/WebIDE.md b/docs/代码库管理/WebIDE.md
index d44dbc8..33b3b06 100644
--- a/docs/代码库管理/WebIDE.md
+++ b/docs/代码库管理/WebIDE.md
@@ -1,4 +1,41 @@
---
sidebar_label: 'WebIDE'
sidebar_position: 9
----
\ No newline at end of file
+---
+
+### **1. 语言服务**
+● 支持近 40 种语言的语法高亮
+● 支持 JavaScript/TypeScript、HTML、CSS、JSON、Markdown 的基于 LSP (Language Server Protocol) 语言特性功能,具备智能提示和大纲信息以及单文件内跳转。
+● 支持 Java、Go、Python、C++、Php 的基于 Tree Sitter 的在线语言服务能力,提供查看引用、符号搜索等特性
+
+### **2. WebIDE 入口**
+从 Gitlink 仓库首页 ,点击Web IDE 按键即可进入
+![](../../static/img/代码库管理/WebIDE/WebIDE入口.png)
+
+### **3. 分支**
+支持分支切换:点击左下角分支名即可切换分支。
+![](../../static/img/代码库管理/WebIDE/WebIDE切换分支.png)
+
+### **4. 搜索**
+当前支持 Gitlink 仓库内代码搜索(支持单词匹配和文件过滤)和文件搜索。
+![](../../static/img/代码库管理/WebIDE/WebIDE搜索.png)
+
+### **5. 行高亮**
+支持单行或多行高亮,点击行号即可高亮行,按住 Shift 可选中连续多行。
+![](../../static/img/代码库管理/WebIDE/WebIDE行高亮.png)
+
+### **6. Blame**
+支持查看单行 blame 信息,hover 后可展示详细信息。
+![](../../static/img/代码库管理/WebIDE/WebIDEblame.png)
+
+### **7. Graph**
+支持 graph 视图,可查看分支 commits 历史以及每个 commit 详细文件变更,并支持文件 diff 查看。底部状态栏左下角点击 Git Graph 或在命令面板输入 View Git Graph,即可打开 Git Graph 视图。
+![](../../static/img/代码库管理/WebIDE/WebIDEGraph.png)
+
+### **8. WebSCM**
+可以在极速版新建分支,修改代码后在 SCM 面板看到变更文件列表,写完 commit message 后提交到 Gitlink 上。如果想快速修改一些文件可以不用在本地修改,直接通过极速版修改代码一次性提交。
+
+### **9. 代码在线运行**
+● 集成了基于 skypack 的更加轻量的 CodeSwing 插件,可以在极速版去运行前端代码。
+● 集成了基于 Pyodide 的 Code-Runner-For-Web 插件,可以将 Python 的运行搬到浏览器上。
+![](../../static/img/代码库管理/WebIDE/WebIDE代码在线运行.png)
\ No newline at end of file
diff --git a/docs/代码库管理/Webhook.md b/docs/代码库管理/Webhook.md
index fbdc495..33bc170 100644
--- a/docs/代码库管理/Webhook.md
+++ b/docs/代码库管理/Webhook.md
@@ -1,4 +1,38 @@
---
sidebar_label: 'Webhook'
sidebar_position: 8
----
\ No newline at end of file
+---
+ ### **1. Webhook模块入口**
+ 在项目主页,点击“仓库设置”按键,再点击“网络钩子”按键,即可进入仓库的Webhook模块。
+ ![](../../static/img/代码库管理/Webhook/Webhook入口.png)
+
+ ### **2. 添加Webhook**
+ 单击“添加Webhook”按键,可进入配置Webhook页面:
+
+ ![](../../static/img/代码库管理/Webhook/添加Webhook.png)
+ ![](../../static/img/代码库管理/Webhook/Webhook配置.png)
+
+ ### **3. 编辑Webhook**
+ 添加Webhook后,如下图所示,可以通过点击右侧”编辑“按键来对每个Webhook进行编辑操作。
+
+ ![](../../static/img/代码库管理/Webhook/编辑Webhook.png)
+
+ ### **4. 删除Webhook**
+ 添加Webhook后,如下图所示,可以通过点击右侧”删除“按键来对每个Webhook进行删除操作。
+
+ ![](../../static/img/代码库管理/Webhook/删除webhook.png)
+
+ ### **5. Webhook支持的事件类型**
+ 在GitLink中,Webhook支持的事件类型如下:
+ - 推送:git推送到存储库
+ - 代码库:创建或删除代码库
+ - 创建:创建分支或标签
+ - 删除:删除分支或标签
+ - 合并请求:合并请求被打开、被关闭、被重新打开或被编辑
+ - 合并请求分配:合并请求被分配或取消分配
+ - 合并请求收入里程碑:合并请求被记录或取消记录于里程碑中
+ - 合并请求被评论:合并请求评论被创建、编辑或删除
+ - 合并请求标签:合并请求的标签被更新或清除
+ - 合并请求审查:合并请求被批准、拒绝或提出审查意见,审查人员的修改,审查线程已解决或未解决
+ - 合并请求被同步:合并请求被同步
+
\ No newline at end of file
diff --git a/docs/代码库管理/仓库创建.md b/docs/代码库管理/仓库创建.md
index 3f11e3e..e17cd76 100644
--- a/docs/代码库管理/仓库创建.md
+++ b/docs/代码库管理/仓库创建.md
@@ -1,4 +1,11 @@
---
sidebar_label: '仓库创建'
sidebar_position: 1
----
\ No newline at end of file
+---
+ ### **1. 仓库创建入口**
+用户可以通过平台主页右上角的按键以及个人主页参与项目模块的“新建”按键来创建仓库。
+![](../../static/img/代码库管理/仓库创建/仓库创建.png)
+
+ ### **2. 填写项目基本信息**
+进入新建项目页面后,如下图所示,填写拥有者、项目名称、项目标识等信息,单击”创建项目“按键即可完成创建。
+![](../../static/img/代码库管理/仓库创建/新建项目.png)
\ No newline at end of file
diff --git a/docs/代码库管理/仓库设置.md b/docs/代码库管理/仓库设置.md
index 24661d4..6e31214 100644
--- a/docs/代码库管理/仓库设置.md
+++ b/docs/代码库管理/仓库设置.md
@@ -1,4 +1,11 @@
---
sidebar_label: '仓库设置'
sidebar_position: 2
----
\ No newline at end of file
+---
+### **1. 仓库设置入口**
+在仓库主页,点击“仓库设置”按键即可进入仓库设置模块。仓库设置中可以修改项目的基本信息、进行成员管理、配置webhook、设置分支以及安装bot。
+![](../../static/img/代码库管理/仓库设置/仓库设置.png)
+
+### **2. 基本设置**
+进入仓库设置模块后,单击”基本设置“按键,进入基本设置模块,如下图所示,可以对项目的项目名称、项目标识、项目简介、项目类别、项目语言等基本信息进行修改。单击“转移”按键可以将仓库转移给其他用户和组织,单击“删除本仓库“按键可以删除本仓库。
+![](../../static/img/代码库管理/仓库设置/基本设置.png)
\ No newline at end of file
diff --git a/docs/代码库管理/成员管理.md b/docs/代码库管理/成员管理.md
index 97a9f22..cbf6199 100644
--- a/docs/代码库管理/成员管理.md
+++ b/docs/代码库管理/成员管理.md
@@ -1,4 +1,23 @@
---
sidebar_label: '成员管理'
sidebar_position: 7
----
\ No newline at end of file
+---
+### **1. 成员管理入口**
+在仓库主页,点击“仓库设置”按键,再点击”成员管理“按键,即可进入成员管理模块,如下图所示。
+![](../../static/img/代码库管理/成员管理/成员管理入口.png)
+
+### **2. 筛选、搜索项目成员**
+进入成员管理模块后,可以通过”角色筛选“按键来筛选项目成员类型,通过”搜索“按键可以检索具体的项目成员,如下图所示。
+![](../../static/img/代码库管理/成员管理/筛选、搜索项目成员.png)
+
+### **3. 筛选、搜索项目成员**
+进入成员管理模块后,可以通过”添加成员“按键来添加项目成员,左侧搜索框检索到具体用户并选中后,单击”添加成员“按键即可成功添加项目成员。
+![](../../static/img/代码库管理/成员管理/添加成员.png)
+
+### **4. 项目成员权限管理**
+进入成员管理模块后,单击项目成员右侧的角色栏,可以选择赋予该名项目成员的权限等级,如下图所示。
+![](../../static/img/代码库管理/成员管理/项目成员权限管理.png)
+
+### **5. 删除项目成员**
+进入成员管理模块后,单击项目成员右侧的”删除“按键,可以删除改名项目成员,如下图所示。
+![](../../static/img/代码库管理/成员管理/删除项目成员.png)
diff --git a/docs/代码库管理/标签和发行版管理.md b/docs/代码库管理/标签和发行版管理.md
index 8c4ec41..44e0ae7 100644
--- a/docs/代码库管理/标签和发行版管理.md
+++ b/docs/代码库管理/标签和发行版管理.md
@@ -1,4 +1,29 @@
---
sidebar_label: '标签和发行版管理'
sidebar_position: 6
----
\ No newline at end of file
+---
+### **1. 标签和发行版管理入口**
+在仓库主页,点击“代码库”按键,再点击”标签“按键,即可进入标签和发行版管理模块,如下图所示。
+![](../../static/img/代码库管理/标签和发行版管理/标签和发行版管理入口.png)
+
+### **2. 删除标签**
+进入标签和发行版管理模块后,点击标签右侧“删除”按键,即可实现对标签的删除操作,如下图所示。
+![](../../static/img/代码库管理/标签和发行版管理/删除标签.png)
+
+### **3. 查看发行版**
+进入标签和发行版管理模块后,点击”发行版”按键即可查看项目的发行版,如下图所示。
+![](../../static/img/代码库管理/标签和发行版管理/查看发行版.png)
+
+### **4. 创建发行版**
+进入标签和发行版管理模块后,点击标签右侧”创建发行版”按键,即可快速创建绑定该标签的发行版,如下图所示。
+![](../../static/img/代码库管理/标签和发行版管理/发布新版本.png)
+
+### **5. 修改发行版**
+进入标签和发行版管理模块后,点击发行版右侧的修改按键,即可进入发行版的修改页面,如下图所示。完成发行版的修改后,单击”保存发行版“按键即可保存修改内容。
+![](../../static/img/代码库管理/标签和发行版管理/修改发行版.png)
+![](../../static/img/代码库管理/标签和发行版管理/发行版修改页面.png)
+
+### **6. 删除发行版**
+进入标签和发行版管理模块后,点击发行版右侧的删除按键,即可进入发行版的删除页面,如下图所示。
+![](../../static/img/代码库管理/标签和发行版管理/删除发行版.png)
+
\ No newline at end of file
diff --git a/static/img/代码库管理/WebIDE/WebIDEGraph.png b/static/img/代码库管理/WebIDE/WebIDEGraph.png
new file mode 100644
index 0000000..3e25d0f
Binary files /dev/null and b/static/img/代码库管理/WebIDE/WebIDEGraph.png differ
diff --git a/static/img/代码库管理/WebIDE/WebIDEblame.png b/static/img/代码库管理/WebIDE/WebIDEblame.png
new file mode 100644
index 0000000..6e94035
Binary files /dev/null and b/static/img/代码库管理/WebIDE/WebIDEblame.png differ
diff --git a/static/img/代码库管理/WebIDE/WebIDE代码在线运行.png b/static/img/代码库管理/WebIDE/WebIDE代码在线运行.png
new file mode 100644
index 0000000..28b1161
Binary files /dev/null and b/static/img/代码库管理/WebIDE/WebIDE代码在线运行.png differ
diff --git a/static/img/代码库管理/WebIDE/WebIDE入口.png b/static/img/代码库管理/WebIDE/WebIDE入口.png
new file mode 100644
index 0000000..4108a26
Binary files /dev/null and b/static/img/代码库管理/WebIDE/WebIDE入口.png differ
diff --git a/static/img/代码库管理/WebIDE/WebIDE切换分支.png b/static/img/代码库管理/WebIDE/WebIDE切换分支.png
new file mode 100644
index 0000000..fc26977
Binary files /dev/null and b/static/img/代码库管理/WebIDE/WebIDE切换分支.png differ
diff --git a/static/img/代码库管理/WebIDE/WebIDE搜索.png b/static/img/代码库管理/WebIDE/WebIDE搜索.png
new file mode 100644
index 0000000..2a1e8ae
Binary files /dev/null and b/static/img/代码库管理/WebIDE/WebIDE搜索.png differ
diff --git a/static/img/代码库管理/WebIDE/WebIDE行高亮.png b/static/img/代码库管理/WebIDE/WebIDE行高亮.png
new file mode 100644
index 0000000..c04e9c3
Binary files /dev/null and b/static/img/代码库管理/WebIDE/WebIDE行高亮.png differ
diff --git a/static/img/代码库管理/Webhook/Webhook入口.png b/static/img/代码库管理/Webhook/Webhook入口.png
new file mode 100644
index 0000000..f6e721f
Binary files /dev/null and b/static/img/代码库管理/Webhook/Webhook入口.png differ
diff --git a/static/img/代码库管理/Webhook/Webhook配置.png b/static/img/代码库管理/Webhook/Webhook配置.png
new file mode 100644
index 0000000..52bdff4
Binary files /dev/null and b/static/img/代码库管理/Webhook/Webhook配置.png differ
diff --git a/static/img/代码库管理/Webhook/删除webhook.png b/static/img/代码库管理/Webhook/删除webhook.png
new file mode 100644
index 0000000..431402b
Binary files /dev/null and b/static/img/代码库管理/Webhook/删除webhook.png differ
diff --git a/static/img/代码库管理/Webhook/添加Webhook.png b/static/img/代码库管理/Webhook/添加Webhook.png
new file mode 100644
index 0000000..b338e3c
Binary files /dev/null and b/static/img/代码库管理/Webhook/添加Webhook.png differ
diff --git a/static/img/代码库管理/Webhook/编辑Webhook.png b/static/img/代码库管理/Webhook/编辑Webhook.png
new file mode 100644
index 0000000..7fba6f5
Binary files /dev/null and b/static/img/代码库管理/Webhook/编辑Webhook.png differ
diff --git a/static/img/代码库管理/仓库创建/仓库创建.png b/static/img/代码库管理/仓库创建/仓库创建.png
new file mode 100644
index 0000000..3ceba73
Binary files /dev/null and b/static/img/代码库管理/仓库创建/仓库创建.png differ
diff --git a/static/img/代码库管理/仓库创建/新建项目.png b/static/img/代码库管理/仓库创建/新建项目.png
new file mode 100644
index 0000000..e9c7bc9
Binary files /dev/null and b/static/img/代码库管理/仓库创建/新建项目.png differ
diff --git a/static/img/代码库管理/仓库设置/仓库设置.png b/static/img/代码库管理/仓库设置/仓库设置.png
new file mode 100644
index 0000000..3163cc7
Binary files /dev/null and b/static/img/代码库管理/仓库设置/仓库设置.png differ
diff --git a/static/img/代码库管理/仓库设置/基本设置.png b/static/img/代码库管理/仓库设置/基本设置.png
new file mode 100644
index 0000000..eaae927
Binary files /dev/null and b/static/img/代码库管理/仓库设置/基本设置.png differ
diff --git a/static/img/代码库管理/成员管理/删除项目成员.png b/static/img/代码库管理/成员管理/删除项目成员.png
new file mode 100644
index 0000000..e6bbde7
Binary files /dev/null and b/static/img/代码库管理/成员管理/删除项目成员.png differ
diff --git a/static/img/代码库管理/成员管理/成员管理入口.png b/static/img/代码库管理/成员管理/成员管理入口.png
new file mode 100644
index 0000000..aedc665
Binary files /dev/null and b/static/img/代码库管理/成员管理/成员管理入口.png differ
diff --git a/static/img/代码库管理/成员管理/添加成员.png b/static/img/代码库管理/成员管理/添加成员.png
new file mode 100644
index 0000000..c8132d7
Binary files /dev/null and b/static/img/代码库管理/成员管理/添加成员.png differ
diff --git a/static/img/代码库管理/成员管理/筛选、搜索项目成员.png b/static/img/代码库管理/成员管理/筛选、搜索项目成员.png
new file mode 100644
index 0000000..d325a4d
Binary files /dev/null and b/static/img/代码库管理/成员管理/筛选、搜索项目成员.png differ
diff --git a/static/img/代码库管理/成员管理/项目成员权限管理.png b/static/img/代码库管理/成员管理/项目成员权限管理.png
new file mode 100644
index 0000000..9e3b1dc
Binary files /dev/null and b/static/img/代码库管理/成员管理/项目成员权限管理.png differ
diff --git a/static/img/代码库管理/标签和发行版管理/修改发行版.png b/static/img/代码库管理/标签和发行版管理/修改发行版.png
new file mode 100644
index 0000000..7ea4ffe
Binary files /dev/null and b/static/img/代码库管理/标签和发行版管理/修改发行版.png differ
diff --git a/static/img/代码库管理/标签和发行版管理/删除发行版.png b/static/img/代码库管理/标签和发行版管理/删除发行版.png
new file mode 100644
index 0000000..9b4018b
Binary files /dev/null and b/static/img/代码库管理/标签和发行版管理/删除发行版.png differ
diff --git a/static/img/代码库管理/标签和发行版管理/删除标签.png b/static/img/代码库管理/标签和发行版管理/删除标签.png
new file mode 100644
index 0000000..88dfb18
Binary files /dev/null and b/static/img/代码库管理/标签和发行版管理/删除标签.png differ
diff --git a/static/img/代码库管理/标签和发行版管理/发布新版本.png b/static/img/代码库管理/标签和发行版管理/发布新版本.png
new file mode 100644
index 0000000..8c77be4
Binary files /dev/null and b/static/img/代码库管理/标签和发行版管理/发布新版本.png differ
diff --git a/static/img/代码库管理/标签和发行版管理/发行版修改页面.png b/static/img/代码库管理/标签和发行版管理/发行版修改页面.png
new file mode 100644
index 0000000..970b153
Binary files /dev/null and b/static/img/代码库管理/标签和发行版管理/发行版修改页面.png differ
diff --git a/static/img/代码库管理/标签和发行版管理/查看发行版.png b/static/img/代码库管理/标签和发行版管理/查看发行版.png
new file mode 100644
index 0000000..3e93db8
Binary files /dev/null and b/static/img/代码库管理/标签和发行版管理/查看发行版.png differ
diff --git a/static/img/代码库管理/标签和发行版管理/标签和发行版管理入口.png b/static/img/代码库管理/标签和发行版管理/标签和发行版管理入口.png
new file mode 100644
index 0000000..7011f06
Binary files /dev/null and b/static/img/代码库管理/标签和发行版管理/标签和发行版管理入口.png differ