diff --git a/.vuepress/components/AdSenseBanner.vue b/.vuepress/components/AdSenseBanner.vue
index c3adf3d..8aa6faa 100644
--- a/.vuepress/components/AdSenseBanner.vue
+++ b/.vuepress/components/AdSenseBanner.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-banner">
+  <div class="adsense-banner" :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- 正文-横幅 -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSenseLeftTop.vue b/.vuepress/components/AdSenseLeftTop.vue
index cd511b9..592976d 100644
--- a/.vuepress/components/AdSenseLeftTop.vue
+++ b/.vuepress/components/AdSenseLeftTop.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-left-top" v-if="$site.showMoreAds">
+  <div class="adsense-left-top" v-if="$site.showMoreAds" :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- AdsenseLeftTop -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSensePageBottom.vue b/.vuepress/components/AdSensePageBottom.vue
index fd3e9c5..fb04495 100644
--- a/.vuepress/components/AdSensePageBottom.vue
+++ b/.vuepress/components/AdSensePageBottom.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-page-bottom">
+  <div class="adsense-page-bottom" :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- AdSensePageBottom -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSensePageBottomInline.vue b/.vuepress/components/AdSensePageBottomInline.vue
index e66095e..1f4a499 100644
--- a/.vuepress/components/AdSensePageBottomInline.vue
+++ b/.vuepress/components/AdSensePageBottomInline.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-page-bottom-inline">
+  <div class="adsense-page-bottom-inline" :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- PageBottomInline -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSensePageTop.vue b/.vuepress/components/AdSensePageTop.vue
index 8a07626..ccf56de 100644
--- a/.vuepress/components/AdSensePageTop.vue
+++ b/.vuepress/components/AdSensePageTop.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-page-top" v-if="!$frontmatter.lessAds && $site.showMoreAds">
+  <div class="adsense-page-top" v-if="!$frontmatter.lessAds && $site.showMoreAds" :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- AdSensePageTop-Display -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSenseParagraph.vue b/.vuepress/components/AdSenseParagraph.vue
index 586a533..ef95372 100644
--- a/.vuepress/components/AdSenseParagraph.vue
+++ b/.vuepress/components/AdSenseParagraph.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-paragraph">
+  <div class="adsense-paragraph" :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <ins class="adsbygoogle"
         style="display:block; text-align:center;"
diff --git a/.vuepress/components/AdSenseRightSide.vue b/.vuepress/components/AdSenseRightSide.vue
index 849bfe4..b22771c 100644
--- a/.vuepress/components/AdSenseRightSide.vue
+++ b/.vuepress/components/AdSenseRightSide.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-right">
+  <div class="adsense-right" :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- AdSenseRightSide -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSenseSquare.vue b/.vuepress/components/AdSenseSquare.vue
index 828419e..293b3e9 100644
--- a/.vuepress/components/AdSenseSquare.vue
+++ b/.vuepress/components/AdSenseSquare.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- 正方形-正文 -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSenseTitle.vue b/.vuepress/components/AdSenseTitle.vue
index a142b53..a134b02 100644
--- a/.vuepress/components/AdSenseTitle.vue
+++ b/.vuepress/components/AdSenseTitle.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :style="$isDev ? 'background-color: grey;' : ''">
     <p>
       <Qq></Qq> 群号: 808894550 <span style="color: red; font-weight: 500;">在线答疑</span>，也可以扫描本文末尾的二维码加群
     </p>
diff --git a/.vuepress/components/AdSenseTitlePureText.vue b/.vuepress/components/AdSenseTitlePureText.vue
index 773cc47..a066200 100644
--- a/.vuepress/components/AdSenseTitlePureText.vue
+++ b/.vuepress/components/AdSenseTitlePureText.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="adsense-under-title">
+  <div class="adsense-under-title" :style="$isDev ? 'background-color: grey;' : ''">
     <!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
     <!-- PageTopUnderTitle -->
     <!-- <ins class="adsbygoogle"
diff --git a/.vuepress/components/AdSenseVertical.vue b/.vuepress/components/AdSenseVertical.vue
index 05cafae..4e8baf7 100644
--- a/.vuepress/components/AdSenseVertical.vue
+++ b/.vuepress/components/AdSenseVertical.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :style="$isDev ? 'background-color: grey;' : ''">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- 正文-垂直 -->
     <ins class="adsbygoogle"
diff --git a/.vuepress/enhanceApp.js b/.vuepress/enhanceApp.js
index a7bcc0b..61d6b17 100644
--- a/.vuepress/enhanceApp.js
+++ b/.vuepress/enhanceApp.js
@@ -26,6 +26,7 @@ export default ({
   Vue.use(Element)  
   Vue.use(VueFractionGrid, {
     approach: 'desktop-first',
+    gutter: '1rem',
     breakpoints: {
       compact: '719px',
       tablet: '719px 959px'
@@ -45,4 +46,9 @@ export default ({
       console.log('开发环境，不发送 ga event', e)
     }
   }
+  if (typeof window !== 'undefined') {
+    if (window.location.hostname === 'localhost') {
+      Vue.prototype.$isDev = true
+    }
+  }
 }
diff --git a/.vuepress/theme/components/Page.vue b/.vuepress/theme/components/Page.vue
index 092d37f..a39397b 100644
--- a/.vuepress/theme/components/Page.vue
+++ b/.vuepress/theme/components/Page.vue
@@ -8,19 +8,50 @@
 
     <Content class="theme-default-content" style="padding-top: 0; margin-top: 0; padding-bottom: 1rem;"/>
 
-    
-    <!-- <el-divider>加入 Kuboard 社群</el-divider> -->
+    <div>
+    </div>
 
-    <div style="margin: auto; width: 182px;">
+    <!-- <div style="margin: auto; width: 182px;">
       <p>
         <Qq/> 在线答疑
       </p>
       <p>
         <img src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
       </p>
-    </div>
+    </div> -->
+<div class="page-nav" style="max-width: 1000px; padding: 1rem;">
+      <el-divider>在线答疑</el-divider>
+  <grid :rwd="{compact: 'stack'}">
+    <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
+      <el-card style="height: 100%; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
+        <h3>QQ群（免费）</h3>
+        <div>
+          <Qq/> 808894550
+        </div>
+        <p style="margin-bottom: 0;">
+          <img style="margin: auto; padding: 7px;" src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
+        </p>
+      </el-card>
+    </grid-item>
+    <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+        <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
+          <h3>微信群</h3>
+          <div>
+            <div style="margin-top: 10px;">
+              <span>扫第一个二维码完成打赏，扫第二个加微信进群聊（请发送打赏截图）</span>
+              <p style="margin-top: 10px; margin-bottom: 0;">
+                <img src="/images/dz.png" style="width: 200px; margin-right: 120px;"></img>
+                <img src="/images/dz2.jpeg" style="float: right; width: 200px;"></img>
+              </p>
+            </div>
+          </div>
+        </el-card>
+    </grid-item>
+  </grid>
+</div>
 
-    <div class="page-nav" style="max-width: 1000px; padding-top:0;">
+
+    <div class="page-nav" style="max-width: 1000px; padding-top:0; margin-top: 1rem;">
       <AdSensePageBottomInline/>
     </div>
     <!-- <div style="text-align: center; margin-bottom: 10px;" v-if="$page.path.indexOf('/learning/') === 0">
diff --git a/support/index.assets/image-20191008204458253.f742de59.png b/support/index.assets/image-20191008204458253.f742de59.png
deleted file mode 100644
index c51a5bf..0000000
Binary files a/support/index.assets/image-20191008204458253.f742de59.png and /dev/null differ
diff --git a/support/index.assets/stars.png b/support/index.assets/stars.png
new file mode 100644
index 0000000..99d4eaf
Binary files /dev/null and b/support/index.assets/stars.png differ
diff --git a/support/index.md b/support/index.md
index 40691af..54a4db4 100644
--- a/support/index.md
+++ b/support/index.md
@@ -18,57 +18,29 @@ description: Kubernetes教程_本文描述了如何获得Kuboard授权
 
 ## Kuboard 采纳情况
 
+<div style="padding: 1rem 0;">
 <grid :rwd="{compact: 'stack'}">
-  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
-    <el-card style="height: 100%">
-      <img src="./index.assets/image-20191008204458253.f742de59.png" alt="Kubernetes教程_Kuboard_Github_Star">
+  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+    <el-card style="height: 100%; margin-top: 1rem;" shadow="none">
+      <img src="./index.assets/stars.png" alt="Kubernetes教程_Kuboard_Github_Star">
     </el-card>
   </grid-item>
-  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
-      <el-card style="height: 100%; color: #2c3e50; line-height: 1.7;">
+  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+      <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
         <li>Kuboard 诞生于大型微服务项目的落地实施，在其发布之前，就已经在许多个实际项目中经受住了考验</li>
-        <li>Kuboard 一经发布，就获得了广泛的关注</li>
-        <li>Kuboard 公开发布不到两个月时间，就已经获得了 461 Github Star（如图所示），当前 <StarCount></StarCount></li>
+        <li>Kuboard 于2019年8月初公开发布，两个月时间就已经获得了 559 Github Star（如图所示），当前 <StarCount></StarCount></li>
         <li>Kuboard 社群中，已有许多的用户将 Kuboard 用于自己的生产环境</li>
       </el-card>
   </grid-item>
 </grid>
-
-## Kuboard 支持
-
-<grid :rwd="{compact: 'stack'}">
-  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
-    <el-card style="height: 100%">
-      <h3>QQ群（免费）</h3>
-      <p>
-        <Qq/> 808894550
-      </p>
-      <p>
-        <img src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
-      </p>
-    </el-card>
-  </grid-item>
-  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
-      <el-card style="height: 100%; color: #2c3e50; line-height: 1.7;">
-        <h3>微信群</h3>
-        <div>
-          <div style="margin-top: 10px;">
-            <span>扫第一个二维码完成打赏，扫第二个加微信进群聊（请发送打赏截图）</span>
-            <p style="margin-top: 10px;">
-              <img src="/images/dz.png" style="width: 200px; margin-right: 120px;"></img>
-              <img src="/images/dz2.jpeg" style="float: right; width: 200px;"></img>
-            </p>
-          </div>
-        </div>
-      </el-card>
-  </grid-item>
-</grid>
+</div>
 
 ## Kuboard 商业支持
 
+<div style="padding: 1rem 0;">
 <grid :rwd="{compact: 'stack'}">
-  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
-    <el-card style="height: 100%; color: #2c3e50; line-height: 1.7;">
+  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+    <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
       <h3>服务范围</h3>
       <li>Kubernetes 企业培训</li>
       <li>DevOps 环境搭建及培训</li>
@@ -77,13 +49,14 @@ description: Kubernetes教程_本文描述了如何获得Kuboard授权
       <li>Kuboard 定制化</li>
     </el-card>
   </grid-item>
-  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
-      <el-card style="height: 100%;">
+  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
+      <el-card style="height: 100%; margin-top: 1rem;" shadow="none">
         <h3>联系方式</h3>
         <img src="/images/dz2.jpeg" style="width: 200px; margin: auto;"></img>
       </el-card>
   </grid-item>
 </grid>
+</div>
 
 <!-- ### 微服务落地咨询