demo.kuboard.cn 使用 https 协议

overview/README.md

@@ -100,9 +100,8 @@ Kuboard，是一款免费的 Kubernetes 图形化管理工具，Kuboard 力图
     <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
       <b-card style="height: 100%; color: #2c3e50; line-height: 1.7;" shadow="hover">
         <p>
-          <a target="_blank" :href="`http://demo.kuboard.cn/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
-          Kuboard 在线体验
-          </a>
+           <KuboardDemo suffix="install" label="在线体验 Kuboard" color="#007af5"/>
+
         </p>
         <p>
         为保证环境的稳定性，在线 Demo 中只提供只读权限。<span style="color: #F56C6C; font-weight: 500;">（请在PC浏览器中打开）</span>
@@ -111,11 +110,11 @@ Kuboard，是一款免费的 Kubernetes 图形化管理工具，Kuboard 力图
   </grid-item>
   <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
     <b-card style="height: 100%" shadow="hover">
-      <a  target="_blank" :href="`http://demo.kuboard.cn/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
+       <KuboardDemo suffix="install" label="在线体验 Kuboard" color="#007af5">
         <p style="max-width: 100%;">
         <FancyImage src="/images/preview.gif" alt="Kubernetes教程_Kuboard在线体验" title="Kuboard" description="快速在 Kubernetes 上落地微服务"></FancyImage>
         </p>
-      </a>
+      </KuboardDemo>
     </b-card>
   </grid-item>
 </grid>