diff --git a/README.md b/README.md
index cd612b1..6da930f 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,10 @@
-<p align="center">
-  <a href="https://github.com/doocs/md">
-    <img src="https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png" alt="">
-  </a>
-</p>
+<div align="center">
+
+  [![doocs-md](./public/assets/images/logo-2.png)](https://github.com/doocs/md) 
+
+</div>
+
+
 <h1 align="center">微信 Markdown 编辑器</h1>
 
 <div align="center">
@@ -47,13 +49,13 @@ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章
 - [x] 支持在编辑框右键弹出功能选项卡
 
 
-![select-and-change-color-theme](https://imgkr.cn-bj.ufileos.com/32c05c23-6309-491f-bd0d-f22a62c944b4.gif)
+![select-and-change-color-theme](./public/assets/images/select-and-change-color-theme.gif)
 
-![copy-and-paste](https://imgkr.cn-bj.ufileos.com/31f16c2f-480c-4ea3-bb89-89b6e14d18e5.gif)
+![copy-and-paste](./public/assets/images/copy-and-paste.gif)
 
-![custom](https://imgkr.cn-bj.ufileos.com/bbf0a0b6-b817-4626-bf79-4e18df318681.gif)
+![custom](./public/assets/images/custom.gif)
 
-![doocs-md-upload-image](https://imgkr.cn-bj.ufileos.com/97db3cd6-bddc-4eff-8635-472631b0a642.gif) 
+![doocs-md-upload-image](./public/assets/images/doocs-md-upload-image.gif) 
 
 ## 谁在使用
 
@@ -61,55 +63,55 @@ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章
     <tr>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/RNKDCK2KoyeuMeEs6GUrow">
-          <img src="https://imgkr.cn-bj.ufileos.com/29fbfc6e-b1f2-4995-982f-74f993256626.png" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/0-Doocs%E5%BC%80%E6%BA%90%E7%A4%BE%E5%8C%BA.png" style="width: 40px;"><br>
           <sub>Doocs开源社区</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/FpGIX9viQR6Z9iSCEPH86g">
-          <img src="https://imgkr.cn-bj.ufileos.com/2631fe1d-0521-4f51-abb9-5250f4dda268.jpg" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/1-%E6%8E%98%E5%A2%93%E4%BA%BA%E7%9A%84%E5%B0%8F%E9%93%B2%E5%AD%90.jpg" style="width: 40px;"><br>
           <sub>掘墓人的小铲子</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/yB3ZH3jmcF_LbzuKmnR9BQ">
-          <img src="https://imgkr.cn-bj.ufileos.com/4b4b10a4-1146-4056-8799-9f8c1a3e5e9e.png" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/2-%E5%85%A8%E7%BD%91%E9%87%8D%E7%82%B9.png" style="width: 40px;"><br>
           <sub>全网重点</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/oc5Z2t9ykbu_Dezjnw5mfQ">
-          <img src="https://imgkr.cn-bj.ufileos.com/1ddb47f6-4943-4aae-ad24-c75c22c758bf.png" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/3-%E7%88%B1%E7%A0%81%E5%A3%AB%E7%9A%84%E5%86%85%E5%BF%83%E7%8B%AC%E7%99%BD.png" style="width: 40px;"><br>
           <sub>爱码士的内心独白</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/SFde8OsZ8FzNGMHwpmDtrg">
-          <img src="https://imgkr.cn-bj.ufileos.com/830333b7-74b2-4dbc-9384-b5cac63b1d17.jpg" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/4-%E4%B9%90%E7%8E%A9nodejsnpm%E5%B7%A5%E5%85%B7%E5%BA%93.jpg" style="width: 40px;"><br>
           <sub>乐玩nodejs npm工具库</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/7UG24ZugfI5ZnhUpo8vfvQ">
-          <img src="https://imgkr.cn-bj.ufileos.com/95e553de-fd8f-4374-8a98-14809122e80e.jpg" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/5-%E7%AE%80%E9%9D%99%E6%85%A2.jpg" style="width: 40px;"><br>
           <sub>简静慢</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/qefHCmToAdowBz2JwBn_ug">
-          <img src="https://imgkr.cn-bj.ufileos.com/2fbeb8d5-d778-43e2-ada2-5ca442ce1b9a.jpg" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/6-0%E5%8A%A01.jpg" style="width: 40px;"><br>
           <sub>0加1</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/bnlWqzCarDlR4F27HHXNUg">
-          <img src="https://imgkr.cn-bj.ufileos.com/b7b3e99f-0289-460c-acea-d8fa0cc90c8b.jpg" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/7-%E7%A0%81%E4%BA%91Gitee.jpg" style="width: 40px;"><br>
           <sub>码云Gitee</sub>
         </a>
       </td>
       <td align="center" style="width: 60px;">
         <a href="https://mp.weixin.qq.com/s/CVqmcu_OGG8TQO4FViAQ3w">
-          <img src="https://imgkr.cn-bj.ufileos.com/5d78fb3e-1a3a-4769-9980-192e18321834.jpg" style="width: 40px;"><br>
+          <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/8-%E5%A5%BD%E9%85%B8%E4%B8%80%E6%9F%A0%E6%AA%AC.jpg" style="width: 40px;"><br>
           <sub>好酸一柠檬</sub>
         </a>
       </td>
diff --git a/public/assets/images/copy-and-paste.gif b/public/assets/images/copy-and-paste.gif
new file mode 100644
index 0000000..e20d615
Binary files /dev/null and b/public/assets/images/copy-and-paste.gif differ
diff --git a/public/assets/images/custom.gif b/public/assets/images/custom.gif
new file mode 100644
index 0000000..b4cef01
Binary files /dev/null and b/public/assets/images/custom.gif differ
diff --git a/public/assets/images/dfa.gif b/public/assets/images/dfa.gif
new file mode 100644
index 0000000..248df5a
Binary files /dev/null and b/public/assets/images/dfa.gif differ
diff --git a/public/assets/images/doocs-md-upload-image.gif b/public/assets/images/doocs-md-upload-image.gif
new file mode 100644
index 0000000..24499d2
Binary files /dev/null and b/public/assets/images/doocs-md-upload-image.gif differ
diff --git a/public/assets/images/juejin.gif b/public/assets/images/juejin.gif
new file mode 100644
index 0000000..c4a3343
Binary files /dev/null and b/public/assets/images/juejin.gif differ
diff --git a/public/assets/images/juex.gif b/public/assets/images/juex.gif
new file mode 100644
index 0000000..71821a3
Binary files /dev/null and b/public/assets/images/juex.gif differ
diff --git a/public/assets/images/pretree.png b/public/assets/images/pretree.png
new file mode 100644
index 0000000..ca11180
Binary files /dev/null and b/public/assets/images/pretree.png differ
diff --git a/public/assets/images/qrcode.png b/public/assets/images/qrcode.png
new file mode 100644
index 0000000..1b1851f
Binary files /dev/null and b/public/assets/images/qrcode.png differ
diff --git a/public/assets/images/report.gif b/public/assets/images/report.gif
new file mode 100644
index 0000000..acfb96d
Binary files /dev/null and b/public/assets/images/report.gif differ
diff --git a/public/assets/images/select-and-change-color-theme.gif b/public/assets/images/select-and-change-color-theme.gif
new file mode 100644
index 0000000..a702a2e
Binary files /dev/null and b/public/assets/images/select-and-change-color-theme.gif differ
diff --git a/public/index.html b/public/index.html
index 7247620..254f774 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,9 +9,9 @@
     <meta name="viewport"
         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <title>微信 Markdown 编辑器</title>
-    <link rel="shortcut icon" href="https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png">
+    <link rel="shortcut icon" href="https://gitee.com/yanglbme/resource/raw/master/doocs-md/favicon.png">
     <link rel="apple-touch-icon-precomposed"
-        href="https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png">
+        href="https://gitee.com/yanglbme/resource/raw/master/doocs-md/qrcode.png">
     <script src="https://cdn.bootcdn.net/ajax/libs/prettify/r224/prettify.min.js"></script>
 </head>
 
diff --git a/src/assets/scripts/default-content.js b/src/assets/scripts/default-content.js
index 0a022c9..e15ae44 100644
--- a/src/assets/scripts/default-content.js
+++ b/src/assets/scripts/default-content.js
@@ -5,7 +5,7 @@ const DEFAULT_CONTENT =
 ## 使用自动补全
 Google 搜索的自动补全功能可以在 Google 搜索应用的大多数位置使用，包括 [Google](https://www.google.com/) 主页、适用于 IOS 和 Android 的 Google 应用，我们只需要在 Google 搜索框上开始键入关键字，就可以看到联想词了。
 
-![](https://imgkr.cn-bj.ufileos.com/17ed83bf-e028-4db2-9503-5a3b4e64deee.gif)
+![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/juejin.gif)
 
 在上图示例中，我们可以看到，输入关键字 \`juej\`，Google 搜索会联想到“掘金”、“掘金小册”、“绝句”等等，好处就是，我们无须输入完整的关键字即可轻松完成针对这些 topics 的搜索。
 
@@ -20,7 +20,7 @@ Google 官方将自动补全功能称之为“预测”，而不是“建议”
 
 另外，这些“预测”也会随着我们键入的关键字的变更而更改。例如，当我们把键入的关键字从 \`juej\` 更改为 \`juex\` 时，与“掘金”相关的预测会“消失”，同时，与“觉醒”、“决心”相关联的词会出现。
 
-![](https://imgkr.cn-bj.ufileos.com/5b17dc99-606d-42c1-9f86-e09e88aaa822.gif)
+![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/juex.gif)
 
 ## 为什么看不到某些联想词？
 如果我们在输入某个关键字时看不到联想词，那么表明 Google 的算法可能检测到：
@@ -34,7 +34,7 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果
 
 我们作为 Google 搜索的用户，如果认定某条预测违反了相关的搜索自动补全政策，可以进行举报反馈，点击右下角“**举报不当的联想查询**”并勾选相关选项即可。
 
-![](https://imgkr.cn-bj.ufileos.com/6ca8185d-12c6-4550-bb4e-e49cfbf56db7.gif)
+![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/report.gif)
 
 ## 如何实现自动补全算法？
 目前，Google 官方似乎并没有公开搜索自动补全的算法实现，但是业界在这方面已经有了不少研究。
@@ -53,7 +53,7 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果
 ### 前缀树实现
 通常来说，许多词汇都以相同的前缀开头，比如 \`need\`、\`nested\` 都以 \`ne\` 开头，\`seed\`、\`speed\` 都以 \`s\` 开头。要是为每个单词分别存储公共前缀似乎很浪费。
 
-![](https://imgkr.cn-bj.ufileos.com/7cc3cf37-040a-420e-8ef9-d05e92c82cfd.png)
+![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/pretree.png)
 
 前缀树是一种利用公共前缀来加速补全速度的数据结构。前缀树在节点树中排列一组单词，单词沿着从根节点到叶子节点的路径存储，树的层次对应于前缀的字母位置。
 
@@ -65,7 +65,7 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果
 有没有一种方法可以更加节省存储空间呢？有的，那就是 DFA。
 
 <center>
-<img src="https://imgkr.cn-bj.ufileos.com/02bc143e-e1a7-4b3c-bd5d-8d6d39139f0a.png" style="width: 50%;"></center>
+<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/dfa.gif" style="width: 50%;"></center>
 
 在上面的例子中，单词 \`need\`、\`nested\`、\`seed\` 和 \`speed\` 仅由 9 个节点组成，而上一张图中的前缀树包含了 17 个节点。
 
@@ -93,7 +93,7 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果
 欢迎关注我的公众号“**Doocs开源社区**”，原创技术文章第一时间推送。
 
 <center>
-    <img src="https://imgkr.cn-bj.ufileos.com/1092dc45-e817-4bb0-82b0-2b2b4826ccf2.gif" style="width: 100px;">
+    <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/qrcode.png" style="width: 100px;">
 </center>
 
 `
diff --git a/src/components/CodemirrorEditor/aboutDialog.vue b/src/components/CodemirrorEditor/aboutDialog.vue
index 67a90fe..007a812 100644
--- a/src/components/CodemirrorEditor/aboutDialog.vue
+++ b/src/components/CodemirrorEditor/aboutDialog.vue
@@ -5,7 +5,7 @@
         </div>
         <div style="text-align: center;margin-top:10px;">
             <p>扫码关注我的公众号，原创技术文章第一时间推送！</p>
-            <img src="https://imgkr.cn-bj.ufileos.com/09f8e662-42ed-4731-a0d7-419deb74dfb6.png" style="width: 40%; display: block; margin: 20px auto 10px;">
+            <img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/qrcode.png" style="width: 40%; display: block; margin: 20px auto 10px;">
         </div>
         <span slot="footer" class="dialog-footer">
             <el-button type="success" @click="onRedirect('https://github.com/doocs/md')" plain>GitHub 仓库</el-button>