diff --git a/docs/个人主页建站/_category_.json b/docs/个人主页建站/_category_.json
new file mode 100644
index 0000000..8241962
--- /dev/null
+++ b/docs/个人主页建站/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "个人主页建站",
+  "position": 11
+}
diff --git a/docs/个人主页建站/建站工具.md b/docs/个人主页建站/建站工具.md
index 736e06c..5d7ec91 100644
--- a/docs/个人主页建站/建站工具.md
+++ b/docs/个人主页建站/建站工具.md
@@ -6,21 +6,23 @@ sidebar_position: 1
 
 个人主页建站是一个免费的静态网页托管服务，可用于托管静态个人主页、个人博客等静态页面。个人建站不同工具如下
 
-### Hugo
+### Hugo工具
 
 
 使用Hugo 工具创建的仓库，需要将代码仓库中config.toml 文件中的 baseURL 修改
 将值改成 个人建站服务中显示的网站地址，
 例如： 现在有一个网站地址为 http://KingChan.gitlink.net/blog
 那么 config.toml 中的 baseURL 应该为 http://KingChan.gitlink.net/blog
-
+ ![img](../../static/img/个人主页建站/建站工具1.png)
 
 修改完毕后点击提交
-
+ ![img](../../static/img/个人主页建站/建站工具2.png)
 提交完成后，开始部署
+ ![img](../../static/img/建站工具3.png)
+静态页面预览
+  ![img](../../static/img/建站工具4.png)
 
-### jekyll
-
+### jekyll工具
 
 如果是jekyll项目：
 使用jekyll工具创建的个人站点，需要对代码仓库中 _config.yml文件中的 baseurl和url两个值进行修改，jekyll的配置文件比较特殊，需要根据 个人建站服务 中显示的 网站地址
@@ -30,13 +32,16 @@ sidebar_position: 1
 baseurl: "/jekyll" 
 url: "http://KingChan.gitlink.net"
 
-
+  ![img](../../static/img/建站工具5.png)
 
 修改完成后点击 提交变更
+ ![img](../../static/img/个人主页建站/建站工具2.png)
+提交完成后，前往建站服务开始部署
+ ![img](../../static/img/建站工具7.png)
 
-提交完成后，开始部署
+  ![img](../../static/img/建站工具8.png)
 
-### hexo
+### hexo工具
 
 如果是 hexo项目：
 使用Hexo工具创建的仓库，需要将代码仓库中_config.yml 文件中的 url修改
@@ -45,9 +50,15 @@ url: "http://KingChan.gitlink.net"
 
 那么 _config.toml 中的 url应该为 http://KingChan.gitlink.net/hexo
 
+ ![img](../../static/img/建站工具9.png)
+
 修改完毕后提交变更
+ ![img](../../static/img/个人主页建站/建站工具2.png)
+提交完成后，前往建站服务开始部署
 
-提交完成后，开始部署
+ ![img](../../static/img/建站工具11.png)
 
+  ![img](../../static/img/建站工具12.png)
 
+   ![img](../../static/img/建站工具13.png)
 
diff --git a/static/img/建站工具11.png b/static/img/建站工具11.png
new file mode 100644
index 0000000..90d7e4c
Binary files /dev/null and b/static/img/建站工具11.png differ
diff --git a/static/img/建站工具12.png b/static/img/建站工具12.png
new file mode 100644
index 0000000..8f997d8
Binary files /dev/null and b/static/img/建站工具12.png differ
diff --git a/static/img/建站工具13.png b/static/img/建站工具13.png
new file mode 100644
index 0000000..229d353
Binary files /dev/null and b/static/img/建站工具13.png differ
diff --git a/static/img/建站工具3.png b/static/img/建站工具3.png
new file mode 100644
index 0000000..c72d3f1
Binary files /dev/null and b/static/img/建站工具3.png differ
diff --git a/static/img/建站工具4.png b/static/img/建站工具4.png
new file mode 100644
index 0000000..4f5db9e
Binary files /dev/null and b/static/img/建站工具4.png differ
diff --git a/static/img/建站工具5.png b/static/img/建站工具5.png
new file mode 100644
index 0000000..133a713
Binary files /dev/null and b/static/img/建站工具5.png differ
diff --git a/static/img/建站工具7.png b/static/img/建站工具7.png
new file mode 100644
index 0000000..90d7e4c
Binary files /dev/null and b/static/img/建站工具7.png differ
diff --git a/static/img/建站工具8.png b/static/img/建站工具8.png
new file mode 100644
index 0000000..7777f80
Binary files /dev/null and b/static/img/建站工具8.png differ
diff --git a/static/img/建站工具9.png b/static/img/建站工具9.png
new file mode 100644
index 0000000..7c7ef1b
Binary files /dev/null and b/static/img/建站工具9.png differ