style: update images and css

Author: yanglbme

assets/scripts/default-content.js

@@ -64,7 +64,8 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果
 
 有没有一种方法可以更加节省存储空间呢？有的，那就是 DFA。
 
-![](https://gitee.com/doocs/md/raw/master/assets/images/dfa.png)
+<center>
+<img src="https://gitee.com/doocs/md/raw/master/assets/images/dfa.png" style="width: 50%;"></center>
 
 在上面的例子中，单词 \`need\`、\`nested\`、\`seed\` 和 \`speed\` 仅由 9 个节点组成，而上一张图中的前缀树包含了 17 个节点。
 
@@ -92,6 +93,6 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果
 欢迎关注我的公众号“**Doocs开源社区**”，原创技术文章第一时间推送。
 
 <center>
-<img src="https://gitee.com/doocs/md/raw/master/assets/images/qrcode-for-doocs.gif" style="width: 100px;"></center>
+<img src="https://imgkr.cn-bj.ufileos.com/1092dc45-e817-4bb0-82b0-2b2b4826ccf2.gif" style="width: 100px;"></center>
 
 `

index.html

@@ -127,9 +127,9 @@
       <div style="text-align: center;">
         <h3>一款高度简洁的微信 Markdown 编辑器</h3>
       </div>
-      <div style="text-align: center;">
-        <img src="assets/images/qrcode-for-doocs.gif" style="width: 50%; display: block; margin: 0 auto;">
+      <div style="text-align: center;margin-top:10px;">
         <p>扫码关注我的公众号，原创技术文章第一时间推送！</p>
+        <img src="assets/images/qrcode-for-doocs.jpg" style="width: 40%; display: block; margin: 20px auto 10px;">
       </div>
       <span slot="footer" class="dialog-footer">
         <a href="https://github.com/doocs/md" target="_blank">