diff --git a/README.md b/README.md
index 3702e7a1b7..d44a7248c3 100644
--- a/README.md
+++ b/README.md
@@ -100,9 +100,9 @@ wechat-public-account-push
 
 运行图示：
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](img/run-img.jpg)
+![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/run-img.jpg)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址)](img/run-img-2.jpg)
+![图片无法查看请移步顶部访问 国内备用仓库地址)](img/how-to-use/run-img-2.jpg)
 
 ## 1. 如何使用
 
@@ -296,11 +296,11 @@ wechat-public-account-push 实现自消息推送的原理，是通过调用一
 
 > 大概的实现原理类似于下图标注的这样：
 > 
-> ![图片无法查看请移步顶部访问 国内备用仓库地址](img/self-keyword.png)
+> ![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/self-keyword.png)
 > 
 > 但是有以下情况需要注意，不要占用表中已有的关键字，会发生不可预料的状况噢！
 > 
-> ![图片无法查看请移步顶部访问 国内备用仓库地址](img/self-keyword-2.png)
+> ![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/self-keyword-2.png)
 
 ## 3. config参数说明
 > 配置文件的详细说明，使用旧配置的小伙伴可以对照此文档增加新的配置
@@ -350,7 +350,7 @@ on:
 
 **定时任务注意尽量避免设置在 `utc 0:00, XX:00` 这类高拥堵时段。**
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](img/action-cron.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/action-cron.png)
 
 或使用[https://crontab.guru](https://crontab.guru)帮助配置
 
@@ -395,7 +395,7 @@ on:
 
 - 点击 "Update branch" 完成
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](img/pr-1.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/pr-1.png)
 
 可能会遇到 **因为冲突需要你们删除你们已经更改的记录**
 
@@ -454,7 +454,7 @@ PR 来纠正我，一样都算是对开源做贡献了。
 
 2022-09-10 算啦还是不隐藏了，你们来尽情问吧。
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](img/wechat-public-account-push.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/wechat-public-account-push.png)
 
 <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=y0plwm9zhOI35EwlOdRh372g4KWbqMSt&jump_from=webapi"><img border="0" src="https://pub.idqqimg.com/wpa/images/group.png" alt="wechat-public-account-push 交流群" title="wechat-public-account-push 交流群"></a>
 
@@ -472,6 +472,6 @@ PR 来纠正我，一样都算是对开源做贡献了。
 
 **虽然我无权谴责这些流量变现的做法, 但是我认为作者既然开源自己的作品, 那就是希望其他人能一起体会coding的喜悦, 请部分博主尊重作者意愿, 尊重开源协议**
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](img/dis.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/dis.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](img/dis-2.png) -->
+![图片无法查看请移步顶部访问 国内备用仓库地址](img/how-to-use/dis-2.png) -->
diff --git a/docs/how-to-use/default-model.md b/docs/how-to-use/default-model.md
index e5277d195a..2caf6c4032 100644
--- a/docs/how-to-use/default-model.md
+++ b/docs/how-to-use/default-model.md
@@ -23,7 +23,7 @@
 {{note_ch.DATA}}
 ```
 
-![](../img/run-img.jpg)
+![](../../img/how-to-use/run-img.jpg)
 
 **样例2：** from `群里的小伙伴`
 
@@ -59,6 +59,6 @@
 失败用户: {{fail_post_ids.DATA}}
 ```
 
-![](../img/run-img-2.jpg)
+![](../../img/how-to-use/run-img-2.jpg)
 
 [📌返回首页 >>>](../../README.md)
\ No newline at end of file
diff --git a/docs/how-to-use/github-actions.md b/docs/how-to-use/github-actions.md
index 4bf45a41d3..527db0385a 100644
--- a/docs/how-to-use/github-actions.md
+++ b/docs/how-to-use/github-actions.md
@@ -6,21 +6,21 @@
 
 - fork仓库 (如果可以当然也希望你可以点一下旁边的小星星)
 
-![github-fork](../../img/github-fork.png)
+![github-fork](../../img/how-to-use/github-fork.png)
 
 - 修改相应配置
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/github-into-config.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/github-into-config.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/github-into-config-2.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/github-into-config-2.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/github-into-config-3.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/github-into-config-3.png)
 
 - 按提示填入相应配置后保存
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/edit-config.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/edit-config.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/edit-config-commit.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/edit-config-commit.png)
 
 ## 2. 在私人仓库中写入自己公众号的信息，启用workflow自动任务，定时执行
 
@@ -28,35 +28,35 @@
 
 **这步一定要认真填写，不然程序无法运行！**
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/personal-infor-1.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/personal-infor-1.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/personal-infor-2.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/personal-infor-2.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/personal-infor-3.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/personal-infor-3.png)
 
 - 启用action脚本
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action-comit.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action-comit.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action-comit-2.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action-comit-2.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action.png)
 
 ## 3. (选做)：检查脚本是否可以正常执行
 
 - 手动启动脚本
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action-test.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action-test.png)
 
 - 查看执行结果
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action-test-2.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action-test-2.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action-test-3.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action-test-3.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/action-test-4.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/action-test-4.png)
 
 ## 4. (选做)：如何更改自动执行时间
 
diff --git a/docs/how-to-use/run-in-server.md b/docs/how-to-use/run-in-server.md
index 95990e82d4..b78ef8c34d 100644
--- a/docs/how-to-use/run-in-server.md
+++ b/docs/how-to-use/run-in-server.md
@@ -93,9 +93,9 @@ cd ~/wechat-public-account-push && npm run pm2start
 
 **运行完成效果图**
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win6.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win6.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win7.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win7.png)
 
 Ⅵ. **如何停止/重启/删除服务？如何查看运行日志/清空日志？**
 
@@ -117,7 +117,7 @@ pm2 flush
 
 1. **在github上先 `fork syncing`**
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pr-1.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pr-1.png)
 
 2. **执行以下代码**
 
@@ -156,7 +156,7 @@ pm2 restart @wechat-push
 
 (win11 则点开【显示更多选项】即可看到 【Git Base Here】)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/right-click.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/right-click.png)
 
 执行以下命令
 
@@ -176,28 +176,28 @@ npm install && npm install pm2 -g
 
 当黑窗口回到光标闪烁状态时即完成。
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/git-win.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/git-win.png)
 
 ### Ⅲ. **填写发送配置**
 
 如果上一步执行成功了，你当前文件夹里面肯定会出现 `wechat-public-account-push` 文件夹
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win.png)
 
 到 `wechat-public-account-push/config/index.cjs` 中修改配置。
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win2.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win2.png)
 
 如果显示无法打开，选中该文件 --> 右键 --> 打开方式 --> 记事本
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win3.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win3.png)
 
 按照提示修改配置
 
 ### Ⅳ. **填写定时配置**
 到 `wechat-public-account-push/config/server-config.js` 中修改配置。
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win4.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win4.png)
 
 > 此时间为每天的早上8点，*为匹配任意一个
 >
@@ -209,7 +209,7 @@ npm install && npm install pm2 -g
 
 在 `wechat-public-account-push` 文件夹中，右键 --> 【Git Base Here】
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win5.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win5.png)
 
 执行以下命令
 
@@ -221,9 +221,9 @@ npm run pm2start
 
 **运行完成效果图**
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win6.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win6.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pm2-win7.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pm2-win7.png)
 
 ### Ⅵ. **如何停止/重启/删除服务？如何查看运行日志/清空日志？**
 
@@ -245,7 +245,7 @@ pm2 flush
 
 1. **在github上先 `fork syncing`**
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/pr-1.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/pr-1.png)
 
 2. **执行以下代码**
 
diff --git a/docs/message-channel/push-deer.md b/docs/message-channel/push-deer.md
index eab5b59e0c..9cb5f79e79 100644
--- a/docs/message-channel/push-deer.md
+++ b/docs/message-channel/push-deer.md
@@ -2,6 +2,10 @@
 
 # 使用PushDeer
 
+运行图示：
+
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/message-channel/push-deer-app4.jpg)
+
 ## Ⅰ. 扫描以下二维码或使用APP
 
 **iOS14+**
@@ -55,11 +59,11 @@
 ## Ⅳ. 进行基础config配置
 
 打开仓库中`config/index.cjs`的进行，进行编辑
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/github-into-config.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/github-into-config.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/github-into-config-2.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/github-into-config-2.png)
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/github-into-config-3.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/github-into-config-3.png)
 
 1. 使用pushdeer模式
    ```javascript
diff --git a/docs/message-channel/test-number.md b/docs/message-channel/test-number.md
index 6538d7d967..e172a8c3a8 100644
--- a/docs/message-channel/test-number.md
+++ b/docs/message-channel/test-number.md
@@ -2,17 +2,23 @@
 
 # 使用微信测试号
 
+运行图示：
+
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/run-img.jpg)
+
+![图片无法查看请移步顶部访问 国内备用仓库地址)](../../img/how-to-use/run-img-2.jpg)
+
 ## Ⅰ. 注册一个微信公众测试号
 
 - 浏览器打开并登录 [微信公众测试号](https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login)
 
 - 登录成功后, 就可以生成微信公众测试号的appID和appsecret这两串数字, 记下备用
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/wx-test-id.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/wx-test-id.png)
 
 - 扫描测试号二维码关注测试号, 扫描之后, 右边就会出现相应的已关注人员id, 记下备用
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/wx-test-follow.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/wx-test-follow.png)
 
 ## Ⅱ. 进行模板配置
 
@@ -58,7 +64,7 @@
 
 记下模板代码
 
-![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/wx-test-tmp.png)
+![图片无法查看请移步顶部访问 国内备用仓库地址](../../img/how-to-use/wx-test-tmp.png)
 
 
 **以上步骤完成后请返回首页继续进行后续操作**
diff --git a/img/action-comit-2.png b/img/how-to-use/action-comit-2.png
similarity index 100%
rename from img/action-comit-2.png
rename to img/how-to-use/action-comit-2.png
diff --git a/img/action-comit.png b/img/how-to-use/action-comit.png
similarity index 100%
rename from img/action-comit.png
rename to img/how-to-use/action-comit.png
diff --git a/img/action-cron.png b/img/how-to-use/action-cron.png
similarity index 100%
rename from img/action-cron.png
rename to img/how-to-use/action-cron.png
diff --git a/img/action-test-2.png b/img/how-to-use/action-test-2.png
similarity index 100%
rename from img/action-test-2.png
rename to img/how-to-use/action-test-2.png
diff --git a/img/action-test-3.png b/img/how-to-use/action-test-3.png
similarity index 100%
rename from img/action-test-3.png
rename to img/how-to-use/action-test-3.png
diff --git a/img/action-test-4.png b/img/how-to-use/action-test-4.png
similarity index 100%
rename from img/action-test-4.png
rename to img/how-to-use/action-test-4.png
diff --git a/img/action-test.png b/img/how-to-use/action-test.png
similarity index 100%
rename from img/action-test.png
rename to img/how-to-use/action-test.png
diff --git a/img/action.png b/img/how-to-use/action.png
similarity index 100%
rename from img/action.png
rename to img/how-to-use/action.png
diff --git a/img/dis-2.png b/img/how-to-use/dis-2.png
similarity index 100%
rename from img/dis-2.png
rename to img/how-to-use/dis-2.png
diff --git a/img/dis.png b/img/how-to-use/dis.png
similarity index 100%
rename from img/dis.png
rename to img/how-to-use/dis.png
diff --git a/img/edit-config-commit.png b/img/how-to-use/edit-config-commit.png
similarity index 100%
rename from img/edit-config-commit.png
rename to img/how-to-use/edit-config-commit.png
diff --git a/img/edit-config-eg.png b/img/how-to-use/edit-config-eg.png
similarity index 100%
rename from img/edit-config-eg.png
rename to img/how-to-use/edit-config-eg.png
diff --git a/img/edit-config.png b/img/how-to-use/edit-config.png
similarity index 100%
rename from img/edit-config.png
rename to img/how-to-use/edit-config.png
diff --git a/img/git-win.png b/img/how-to-use/git-win.png
similarity index 100%
rename from img/git-win.png
rename to img/how-to-use/git-win.png
diff --git a/img/github-fork.png b/img/how-to-use/github-fork.png
similarity index 100%
rename from img/github-fork.png
rename to img/how-to-use/github-fork.png
diff --git a/img/github-into-config-2.png b/img/how-to-use/github-into-config-2.png
similarity index 100%
rename from img/github-into-config-2.png
rename to img/how-to-use/github-into-config-2.png
diff --git a/img/github-into-config-3.png b/img/how-to-use/github-into-config-3.png
similarity index 100%
rename from img/github-into-config-3.png
rename to img/how-to-use/github-into-config-3.png
diff --git a/img/github-into-config.png b/img/how-to-use/github-into-config.png
similarity index 100%
rename from img/github-into-config.png
rename to img/how-to-use/github-into-config.png
diff --git a/img/personal-infor-1.png b/img/how-to-use/personal-infor-1.png
similarity index 100%
rename from img/personal-infor-1.png
rename to img/how-to-use/personal-infor-1.png
diff --git a/img/personal-infor-2.png b/img/how-to-use/personal-infor-2.png
similarity index 100%
rename from img/personal-infor-2.png
rename to img/how-to-use/personal-infor-2.png
diff --git a/img/personal-infor-3.png b/img/how-to-use/personal-infor-3.png
similarity index 100%
rename from img/personal-infor-3.png
rename to img/how-to-use/personal-infor-3.png
diff --git a/img/pm2-win.png b/img/how-to-use/pm2-win.png
similarity index 100%
rename from img/pm2-win.png
rename to img/how-to-use/pm2-win.png
diff --git a/img/pm2-win2.png b/img/how-to-use/pm2-win2.png
similarity index 100%
rename from img/pm2-win2.png
rename to img/how-to-use/pm2-win2.png
diff --git a/img/pm2-win3.png b/img/how-to-use/pm2-win3.png
similarity index 100%
rename from img/pm2-win3.png
rename to img/how-to-use/pm2-win3.png
diff --git a/img/pm2-win4.png b/img/how-to-use/pm2-win4.png
similarity index 100%
rename from img/pm2-win4.png
rename to img/how-to-use/pm2-win4.png
diff --git a/img/pm2-win5.png b/img/how-to-use/pm2-win5.png
similarity index 100%
rename from img/pm2-win5.png
rename to img/how-to-use/pm2-win5.png
diff --git a/img/pm2-win6.png b/img/how-to-use/pm2-win6.png
similarity index 100%
rename from img/pm2-win6.png
rename to img/how-to-use/pm2-win6.png
diff --git a/img/pm2-win7.png b/img/how-to-use/pm2-win7.png
similarity index 100%
rename from img/pm2-win7.png
rename to img/how-to-use/pm2-win7.png
diff --git a/img/pr-1.png b/img/how-to-use/pr-1.png
similarity index 100%
rename from img/pr-1.png
rename to img/how-to-use/pr-1.png
diff --git a/img/right-click.png b/img/how-to-use/right-click.png
similarity index 100%
rename from img/right-click.png
rename to img/how-to-use/right-click.png
diff --git a/img/run-img-2.jpg b/img/how-to-use/run-img-2.jpg
similarity index 100%
rename from img/run-img-2.jpg
rename to img/how-to-use/run-img-2.jpg
diff --git a/img/run-img.jpg b/img/how-to-use/run-img.jpg
similarity index 100%
rename from img/run-img.jpg
rename to img/how-to-use/run-img.jpg
diff --git a/img/self-keyword-2.png b/img/how-to-use/self-keyword-2.png
similarity index 100%
rename from img/self-keyword-2.png
rename to img/how-to-use/self-keyword-2.png
diff --git a/img/self-keyword.png b/img/how-to-use/self-keyword.png
similarity index 100%
rename from img/self-keyword.png
rename to img/how-to-use/self-keyword.png
diff --git a/img/wechat-public-account-push.png b/img/how-to-use/wechat-public-account-push.png
similarity index 100%
rename from img/wechat-public-account-push.png
rename to img/how-to-use/wechat-public-account-push.png
diff --git a/img/wx-test-follow.png b/img/how-to-use/wx-test-follow.png
similarity index 100%
rename from img/wx-test-follow.png
rename to img/how-to-use/wx-test-follow.png
diff --git a/img/wx-test-id.png b/img/how-to-use/wx-test-id.png
similarity index 100%
rename from img/wx-test-id.png
rename to img/how-to-use/wx-test-id.png
diff --git a/img/wx-test-tmp.png b/img/how-to-use/wx-test-tmp.png
similarity index 100%
rename from img/wx-test-tmp.png
rename to img/how-to-use/wx-test-tmp.png
diff --git a/img/message-channel/push-deer-app4.jpg b/img/message-channel/push-deer-app4.jpg
new file mode 100644
index 0000000000..2288c97e57
Binary files /dev/null and b/img/message-channel/push-deer-app4.jpg differ