diff --git a/README.md b/README.md
index 4a8c038..1637368 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="/logo.png" height="280" />
+  <img src="https://cdn.jsdelivr.net/gh/misitebao/CDN@main/logo/wails-template-vue.png" height="280" />
 </p>
 <p align="center">
   A Wails template based on Vue and Vue-Router
@@ -66,7 +66,7 @@ I hope that Vue and its powerful community ecology can be used in Wails applicat
 
 ## Graphic Demo
 
-![Demo Screenshot](./screenshots.png)
+![Demo Screenshot](https://cdn.jsdelivr.net/gh/misitebao/CDN@main/preview/wails-template-vue.gif)
 
 <span id="nav-5"></span>
 
diff --git a/README.zh-Hans.md b/README.zh-Hans.md
index c708278..0bc454c 100644
--- a/README.zh-Hans.md
+++ b/README.zh-Hans.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="/logo.png" height="280" />
+  <img src="https://cdn.jsdelivr.net/gh/misitebao/CDN@main/logo/wails-template-vue.png" height="280" />
 </p>
 <p align="center">
   基于Vue和Vue-Router的Wails模板
@@ -66,7 +66,7 @@ wails-template-vue 模板是一个支持 Wails 应用的 Vue 模板，默认提
 
 ## 图形演示
 
-![演示截图](./screenshots.png)
+![演示截图](https://cdn.jsdelivr.net/gh/misitebao/CDN@main/preview/wails-template-vue.gif)
 
 <span id="nav-5"></span>
 
diff --git a/preview.gif b/preview.gif
new file mode 100644
index 0000000..9c2aee3
Binary files /dev/null and b/preview.gif differ