diff --git a/docs/assets/image/napcat_webui_0.png b/docs/assets/image/napcat_webui_0.png
new file mode 100644
index 000000000..cd48869f5
Binary files /dev/null and b/docs/assets/image/napcat_webui_0.png differ
diff --git a/docs/assets/image/napcat_webui_1.png b/docs/assets/image/napcat_webui_1.png
new file mode 100644
index 000000000..032f75e4e
Binary files /dev/null and b/docs/assets/image/napcat_webui_1.png differ
diff --git a/docs/assets/image/napcat_webui_2.png b/docs/assets/image/napcat_webui_2.png
new file mode 100644
index 000000000..058902e83
Binary files /dev/null and b/docs/assets/image/napcat_webui_2.png differ
diff --git a/docs/deploy/platforms/aiocqhttp/napcat.md b/docs/deploy/platforms/aiocqhttp/napcat.md
index 53d399bc4..cf366fcc8 100644
--- a/docs/deploy/platforms/aiocqhttp/napcat.md
+++ b/docs/deploy/platforms/aiocqhttp/napcat.md
@@ -9,10 +9,14 @@
 ## NapCat配置教程
 
 登录后，在控制台或Bash上可以查看日志 , 找到 `[NapCat] [WebUi] WebUi Publish Panel Url: http://x.x.x.x:6099/webui?token=xxxxx ` 
+![napcat_webui_0](/assets/image/napcat_webui_0.png)
 
 复制Url到浏览器或者 Windows11 按照Ctrl点击Url即可 扫码登录后即可进入网络配置一页
 
+
 点击添加网络配置 WebSocket客户端 点击启用 然后在Url一栏填入 `ws://127.0.0.1:8080/ws`  并保存即可
+![napcat_webui_1](/assets/image/napcat_webui_1.png)
+![napcat_webui_2](/assets/image/napcat_webui_2.png)
 
 ::: info
 参考 NapCat [官方文档](https://napcat.napneko.icu/)  
@@ -20,8 +24,6 @@
 必须使用 反向WS 连接 LangBot，注意根据实际情况修改 IP 地址和端口，后缀必须为`/ws`
 :::
 
-![image-20240514231932514](/assets/image/napcat_cfg_2.png)
-
 然后重新运行登录即可，看到提示：
 
 ![image-20240514232647329](/assets/image/napcat_cfg_3.png)