diff --git a/README.md b/README.md
index e8de81132bc67e1beff873574f71b713a6484c77..75bf71e5f54f0c8067d41a5e8dce0c04dc591271 100644
--- a/README.md
+++ b/README.md
@@ -57,23 +57,23 @@ npm run build (打包发布)
 
 ### 效果预览
 
-![动态图](https://upload-images.jianshu.io/upload_images/3100736-41a17e53122c0609.gif?raw=true)
+![动态图](https://gitee.com/artdong/vue-admin/blob/master/assets/screenshot/vue2-admin-grace-v1.1.gif?raw=true)
 
 ### 深色主题效果预览
 
-![动态图](https://upload-images.jianshu.io/upload_images/3100736-b0f8985f5dd5f4c7.gif?raw=true)
+![动态图](https://gitee.com/artdong/vue-admin/blob/master/assets/screenshot/vue2-admin-grace-dark.gif?raw=true)
 
 #### 欢迎关注我的微信公众号`全栈弄潮儿` ，获取更多学习资源及技术文章等
 
 * 微信公众号二维码，扫一扫或者搜索"全栈弄潮儿"即可关注
 
 <p align='center'>
-  <img src="https://upload-images.jianshu.io/upload_images/3100736-ddcf3f57a7be2ad1.jpg" width="260px" style="display:inline;">
+  <img src="https://gitee.com/artdong/vue-admin/blob/master/assets/images/qr_gh.jpg" width="260px" style="display:inline;">
 </p>
 
 #### 脑筋急转弯（微信小程序）
 
 <p align='center'>
-  <img src="https://upload-images.jianshu.io/upload_images/3100736-8679464618a2cd66.jpg" width="260px" style="display:inline;">
+  <img src="https://gitee.com/artdong/vue-admin/blob/master/assets/images/qr_twister.jpg" width="260px" style="display:inline;">
 </p>
 
diff --git a/assets/images/qr_gh.jpg b/assets/images/qr_gh.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4473efc6b52c50746c1afc868cd0f237e4301cdc
Binary files /dev/null and b/assets/images/qr_gh.jpg differ
diff --git a/assets/images/qr_twister.jpg b/assets/images/qr_twister.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b5948e9b2a0ea3c30bcbe10cf0cccff155f076aa
Binary files /dev/null and b/assets/images/qr_twister.jpg differ