diff --git a/README.md b/README.md
index abe41c1..ff3dbbf 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <div align="center">
   <a href="https://dom-to-code.netlify.app/">
-    <img src="https://raw.githubusercontent.com/better-tcy/dom-to-code/master/packages/doc/.vuepress/public/images/logo.png" width="50%">
+    <img src="./packages/doc/.vuepress/public/images/logo-bg.png" width="50%">
   </a>
   <div align="center">
 
@@ -28,6 +28,8 @@
 
 别人搜索你直接跳，别人加班你摸鱼。
 
+<img src="./packages/doc/.vuepress/public/images/dom-to-code-example.gif">
+
 ## 📦 安装
 
 ```bash
@@ -170,14 +172,6 @@ This project exists thanks to all the people who contribute:
   <img src="https://contrib.rocks/image?repo=better-tcy/dom-to-code" />
 </a>
 
-## 🌸 Credits
-
-- [unplugin](https://github.com/unjs/unplugin)
-
-- [vite-plugin-react-inspector](https://github.com/sudongyuer/vite-plugin-react-inspector)
-
-- [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector)
-
 ## 📄 License
 
 [MIT](https://github.com/better-tcy/dom-to-code/blob/master/LICENSE) License © 2022-PRESENT [tuocangyu](https://github.com/better-tcy)
diff --git a/packages/doc/.vuepress/public/images/dom-to-code-example.gif b/packages/doc/.vuepress/public/images/dom-to-code-example.gif
new file mode 100644
index 0000000..b94ee73
Binary files /dev/null and b/packages/doc/.vuepress/public/images/dom-to-code-example.gif differ
diff --git a/packages/doc/.vuepress/public/images/logo-bg.png b/packages/doc/.vuepress/public/images/logo-bg.png
new file mode 100644
index 0000000..1129104
Binary files /dev/null and b/packages/doc/.vuepress/public/images/logo-bg.png differ