优化赞赏引导

.vuepress/components/StarGazer.vue

@@ -6,12 +6,16 @@
       width="50%"
       :append-to-body	="true">
       <div style="text-align: center;">
-        <div style="margin-top: 10px;">本站所有内容<span style="color: red;">全部免费</span>！</div>
-        <div style="margin-top: 10px;">给一个 github star，<span style="color: red;">给一份鼓励</span>！</div>
+        <div style="margin-top: 10px;">本站所有内容 <span style="color: red;">全部免费</span>！</div>
         <div style="margin-top: 10px;">未打赏用户可进 QQ 群聊，<span style="color: red;">打赏用户可进微信群聊</span>。</div>
-        <p>
-          <img src="../theme/layouts/dz.png" style="width: 150px;"></img>
-        </p>
+        <div style="margin-top: 10px;">
+          <span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
+          <p style="margin-top: 10px;">
+            <img src="../theme/layouts/dz.png" style="width: 150px; margin-right: 150px;"></img>
+            <img src="../theme/layouts/dz2.jpeg" style="width: 150px;"></img>
+          </p>
+        </div>
+        <div style="margin-bottom: 10px;">不方便给打赏的话，那就 <span style="color: red;">给一个 github star</span> 吧！</div>
         <span>点击 “够义气，现在就去！” 后，此窗口将不再弹出。请在 github Star本项目</span>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -42,14 +46,14 @@ export default {
   methods: {
     waitAMoment() {
       this.dialogVisible = false
-      if (localStorage.getItem('stared') === 'true') {
+      if (localStorage.getItem('stared') === 'true1') {
         return
       }
       let _this = this
       setTimeout(_ => {
         _this.dialogVisible = true
-      // }, 10000) 
-      }, 60000 * 3)
+      }, 10000) 
+      // }, 60000 * 3)
     },
     gotoStar() {
       this.dialogVisible = false

.vuepress/theme/layouts/Layout.vue

@@ -3,9 +3,10 @@
     <div slot="sidebar-top">
       <div style="text-align: center; margin-top: 10px;">
         <div>
-          <span style="font-size: 13px;">打赏用户可进微信群聊</span>
+          <span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
           <p style="margin-top: 10px;">
-            <img src="./dz.png" style="width: 120px;"></img>
+            <img src="./dz.png" style="width: 120px; margin-right: 20px;"></img>
+            <img src="./dz2.jpeg" style="width: 120px;"></img>
           </p>
         </div>
         <div class="side-nav-item" :style="activeLinkStyle('/overview/') + 'margin-left: 0;'">

.vuepress/theme/layouts/LearningLayout.vue

@@ -3,9 +3,10 @@
     <div slot="sidebar-top">
       <div style="text-align: center; margin-top: 10px;">
         <div>
-          <span style="font-size: 13px;">打赏用户可进微信群聊</span>
+          <span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
           <p style="margin-top: 10px;">
-            <img src="./dz.png" style="width: 120px;"></img>
+            <img src="./dz.png" style="width: 120px; margin-right: 20px;"></img>
+            <img src="./dz2.jpeg" style="width: 120px;"></img>
           </p>
         </div>
         <div class="side-nav-item" :style="activeLinkStyle('/overview/') + 'margin-left: 0;'">
@@ -30,10 +31,18 @@
       <StarGazer/>
     </div>
     <div slot="page-top" class="theme-default-content content__default page-top">
-      <div class="tip custom-block" style="padding: 20px;">
-        <li><span style="color: red; font-weight: 500;">免费</span> Kubernetes 教程，绝不降低品质</li>
-        <li>QQ 群 <span style="color: red; font-weight: 500;">在线答疑</span>，加群请扫描左侧导航<span style="color: red; font-weight: 500;">下方</span>的二维码</li>
-        <li>根据答疑情况，<span style="color: red; font-weight: 500;">不断完善</span> 教程</li>
+      <div class="tip custom-block" style="padding: 10px 20px;">
+        <div style="display: inline-block; vertical-align: top;">
+          <li><span style="color: red; font-weight: 500;">免费</span> Kubernetes 教程，绝不降低品质</li>
+          <li><span style="color: red; font-weight: 500;">在线答疑</span> 扫第一个二维码完成打赏，扫第二个进微信群聊</li>
+          <li>未打赏用户可加 QQ 群，请扫描左侧导航<span style="color: red; font-weight: 500;">下方</span>的二维码</li>
+          <li>根据答疑情况，<span style="color: red; font-weight: 500;">不断完善</span> 教程</li>
+        </div>
+
+        <div style="display: inline-block; margin-left: 10px;">
+          <img src="./dz.png" style="width: 100px; margin-right: 100px;"></img>
+          <img src="./dz2.jpeg" style="width: 100px;"></img>
+        </div>
       </div>
     </div>
     <div slot="page-bottom" class="bottom-description">Copyright © 2019-present 邵欢庆 <a href="http://www.eigpay.com" target="_blank">仁聚汇通</a> | 京ICP备19008693号-2</div>