diff --git a/.github/demo/1.jpg b/.github/demo/1.jpg
new file mode 100644
index 0000000..3508d45
Binary files /dev/null and b/.github/demo/1.jpg differ
diff --git a/.github/demo/2.jpg b/.github/demo/2.jpg
new file mode 100644
index 0000000..e4cad2b
Binary files /dev/null and b/.github/demo/2.jpg differ
diff --git a/.github/demo/3.jpg b/.github/demo/3.jpg
new file mode 100644
index 0000000..4190a3f
Binary files /dev/null and b/.github/demo/3.jpg differ
diff --git a/.github/demo/deepwiki.svg b/.github/demo/deepwiki.svg
new file mode 100644
index 0000000..34aa7b6
--- /dev/null
+++ b/.github/demo/deepwiki.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="28" role="img" aria-label="DeepWiki">
+  <title>DeepWiki</title>
+  <rect width="90" height="28" rx="4" fill="#0f766e"></rect>
+  <text x="45" y="19" fill="#fff" font-family="Arial, Helvetica, sans-serif" font-size="12" text-anchor="middle">DeepWiki</text>
+</svg>
diff --git a/README.md b/README.md
index 3450679..13ca046 100644
--- a/README.md
+++ b/README.md
@@ -4,6 +4,12 @@
 
 一个轻量级、高性能的多功能代理服务，提供 Docker 镜像加速、GitHub 文件加速、下载离线镜像、在线搜索 Docker 镜像等功能。
 
+<p align="center">
+  <a href="https://deepwiki.com/sky22333/hubproxy">
+    <img src="./.github/demo/deepwiki.svg" alt="DeepWiki">
+  </a>
+</p>
+
 <p align="center">
   <img src="https://count.getloli.com/get/@sky22333.hubproxy?theme=rule34" alt="Visitors">
 </p>
@@ -243,6 +249,15 @@ example.com {
 </div>
 
 
+## 界面预览
+
+![1](./.github/demo/1.jpg)
+
+![2](./.github/demo/2.jpg)
+
+![3](./.github/demo/3.jpg)
+
+
 
 ## Star 趋势
 [![Star 趋势](https://starchart.cc/sky22333/hubproxy.svg?variant=adaptive)](https://starchart.cc/sky22333/hubproxy)