remove element-tabs

.vuepress/config.js

@@ -6,7 +6,7 @@ module.exports = {
   head: [
     // ['meta', {name: 'keywords', content: 'Kubernetes教程,Kubernetes安装,K8S教程,K8S安装,Kubernetes管理界面'}],
     ['link', { rel: 'icon', href: '/favicon.png' }],
-    // ['link', { rel: 'manifest', href: '/manifest.json' }],
+    ['link', { rel: 'manifest', href: '/manifest.json' }],
     ['script', {}, `
     var _hmt = _hmt || [];
     (function() {
@@ -48,6 +48,10 @@ module.exports = {
     //     }
     //   }
     // },
+    '@vuepress/pwa': {
+      serviceWorker: true,
+      updatePopup: true
+    },
     '@vssue/vuepress-plugin-vssue': {
       // set `platform` rather than `api`
       platform: 'github',
@@ -60,6 +64,10 @@ module.exports = {
       // clientId: 'f96af83d4bff4e2b9e3e',
       // clientSecret: 'cf5686d68d4aab6d3bfa256da9a714049b239c1f',
     },
+    'named-chunks': {
+      pageChunkName: page => 'page' + page.key.slice(1),
+      layoutChunkName: layout => 'layout-' + layout.componentName,
+    },
     // 'vuepress-plugin-zooming': {
     //   // 支持点击缩放的图片元素的选择器
     //   // 默认值： '.theme-default-content img'
@@ -77,7 +85,6 @@ module.exports = {
     'vuepress-plugin-smooth-scroll': {},
     'code-switcher': {},
     'reading-progress': {},
-    'vuepress-plugin-element-tabs': {},
     // 'vuepress-plugin-baidu-autopush':{},
     'sitemap': {
       hostname: 'https://kuboard.cn',

install/history-k8s/install-k8s-1.15.2.md

@@ -88,9 +88,9 @@ lscpu
 - nfs-utils
 - kubectl / kubeadm / kubelet
 
-:::: tabs type:border-card
 
-::: tab 快速安装 lazy
+<el-tabs type="border-card">
+<el-tab-pane label="快速安装">
 
 ``` sh
 # 在 master 节点和 worker 节点都要执行
@@ -99,9 +99,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.2/install-kubelet.sh | sh
 
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手动安装">
-::: tab 手动安装 lazy
 
 手动执行以下代码，效果与快速安装完全相同。
 
@@ -111,7 +110,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.2/install-kubelet.sh | sh
 如果此时执行 `service status kubelet` 命令，将得到 kubelet 启动失败的错误提示，请忽略此错误，因为必须完成后续步骤中 kubeadm init 的操作，kubelet 才能正常启动
 :::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 ## 初始化 master 节点
 
@@ -124,9 +124,9 @@ curl -sSL https://kuboard.cn/install-script/v1.15.2/install-kubelet.sh | sh
 * POD_SUBNET 所使用的网段不能与 ***master节点/worker节点*** 所在的网段重叠。该字段的取值为一个 <a href="/glossary/cidr.html" target="_blank">CIDR</a> 值，如果您对 CIDR 这个概念还不熟悉，请不要修改这个字段的取值 10.100.0.1/20
 :::
 
-:::: tabs type:border-card
 
-::: tab 快速初始化 lazy
+<el-tabs type="border-card">
+<el-tab-pane label="快速初始化">
 
 ``` sh
 # 只在 master 节点执行
@@ -140,9 +140,8 @@ echo "${MASTER_IP}    ${APISERVER_NAME}" >> /etc/hosts
 curl -sSL https://kuboard.cn/install-script/v1.15.2/init-master.sh | sh
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手工初始化">
-::: tab 手工初始化 lazy
 
 ``` sh
 # 只在 master 节点执行
@@ -157,9 +156,8 @@ echo "${MASTER_IP}    ${APISERVER_NAME}" >> /etc/hosts
 
 <<< @/.vuepress/public/install-script/v1.15.2/init-master.sh
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 
 **检查 master 初始化结果**
@@ -265,9 +263,8 @@ kubectl delete node demo-worker-x-x
 > kubernetes支持多种Ingress Controllers (traefic / Kong / Istio / Nginx 等)，本文推荐使用 https://github.com/nginxinc/kubernetes-ingress
 
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="快速安装">
-::: tab 快速安装 lazy
 
 **在 master 节点上执行**
 
@@ -276,15 +273,13 @@ kubectl delete node demo-worker-x-x
 kubectl apply -f https://kuboard.cn/install-script/v1.15.2/nginx-ingress.yaml
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="YAML文件">
-::: tab YAML文件 lazy
 
 <<< @/.vuepress/public/install-script/v1.15.2/nginx-ingress.yaml
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 
 **配置域名解析**

install/history-k8s/install-k8s-1.15.3.md

@@ -216,9 +216,8 @@ echo "127.0.0.1   $(hostname)" >> /etc/hosts
 - nfs-utils
 - kubectl / kubeadm / kubelet
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="快速安装">
-::: tab 快速安装 lazy
 
 ``` sh
 # 在 master 节点和 worker 节点都要执行
@@ -227,9 +226,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.3/install-kubelet.sh | sh
 
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手动安装">
-::: tab 手动安装 lazy
 
 手动执行以下代码，效果与快速安装完全相同。
 
@@ -239,7 +237,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.3/install-kubelet.sh | sh
 如果此时执行 `service status kubelet` 命令，将得到 kubelet 启动失败的错误提示，请忽略此错误，因为必须完成后续步骤中 kubeadm init 的操作，kubelet 才能正常启动
 :::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 </div>
 
@@ -256,9 +255,9 @@ curl -sSL https://kuboard.cn/install-script/v1.15.3/install-kubelet.sh | sh
 * POD_SUBNET 所使用的网段不能与 ***master节点/worker节点*** 所在的网段重叠。该字段的取值为一个 <a href="/glossary/cidr.html" target="_blank">CIDR</a> 值，如果您对 CIDR 这个概念还不熟悉，请不要修改这个字段的取值 10.100.0.1/20
 :::
 
-:::: tabs type:border-card
 
-::: tab 快速初始化 lazy
+<el-tabs type="border-card">
+<el-tab-pane label="快速初始化">
 
 ``` sh
 # 只在 master 节点执行
@@ -273,9 +272,8 @@ echo "${MASTER_IP}    ${APISERVER_NAME}" >> /etc/hosts
 curl -sSL https://kuboard.cn/install-script/v1.15.3/init-master.sh | sh
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手工初始化">
-::: tab 手工初始化 lazy
 
 ``` sh
 # 只在 master 节点执行
@@ -293,7 +291,9 @@ echo "${MASTER_IP}    ${APISERVER_NAME}" >> /etc/hosts
 
 :::
 
-::::
+</el-tab-pane>
+</el-tabs>
+
 
 
 **检查 master 初始化结果**
@@ -395,9 +395,9 @@ kubectl delete node demo-worker-x-x
 
 ## 安装 Ingress Controller
 
-:::: tabs type:border-card
 
-::: tab 安装IngressController lazy
+<el-tabs type="border-card">
+<el-tab-pane label="安装IngressController">
 
 **在 master 节点上执行**
 
@@ -406,9 +406,9 @@ kubectl delete node demo-worker-x-x
 kubectl apply -f https://kuboard.cn/install-script/v1.15.3/nginx-ingress.yaml
 ```
 
-:::
+</el-tab-pane>
+<el-tab-pane label="卸载IngressController">
 
-::: tab 卸载IngressController lazy
 
 **在 master 节点上执行**
 
@@ -419,15 +419,15 @@ kubectl apply -f https://kuboard.cn/install-script/v1.15.3/nginx-ingress.yaml
 kubectl delete -f https://kuboard.cn/install-script/v1.15.3/nginx-ingress.yaml
 ```
 
-:::
 
-::: tab YAML文件 lazy
+</el-tab-pane>
+<el-tab-pane label="YAML文件">
+
 
 <<< @/.vuepress/public/install-script/v1.15.3/nginx-ingress.yaml
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 
 **配置域名解析**

install/history-k8s/install-k8s-1.15.4.md

@@ -218,9 +218,8 @@ echo "127.0.0.1   $(hostname)" >> /etc/hosts
 - nfs-utils
 - kubectl / kubeadm / kubelet
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="快速安装">
-::: tab 快速安装 lazy
 
 ``` sh
 # 在 master 节点和 worker 节点都要执行
@@ -229,9 +228,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.4/install-kubelet.sh | sh
 
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手动安装">
-::: tab 手动安装 lazy
 
 手动执行以下代码，效果与快速安装完全相同。
 
@@ -241,7 +239,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.4/install-kubelet.sh | sh
 如果此时执行 `service status kubelet` 命令，将得到 kubelet 启动失败的错误提示，请忽略此错误，因为必须完成后续步骤中 kubeadm init 的操作，kubelet 才能正常启动
 :::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 </div>
 
@@ -258,9 +257,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.4/install-kubelet.sh | sh
 * POD_SUBNET 所使用的网段不能与 ***master节点/worker节点*** 所在的网段重叠。该字段的取值为一个 <a href="/glossary/cidr.html" target="_blank">CIDR</a> 值，如果您对 CIDR 这个概念还不熟悉，请不要修改这个字段的取值 10.100.0.1/20
 :::
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="快速初始化">
-::: tab 快速初始化 lazy
 
 ``` sh
 # 只在 master 节点执行
@@ -275,9 +273,8 @@ echo "${MASTER_IP}    ${APISERVER_NAME}" >> /etc/hosts
 curl -sSL https://kuboard.cn/install-script/v1.15.4/init-master.sh | sh
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手工初始化">
-::: tab 手工初始化 lazy
 
 ``` sh
 # 只在 master 节点执行
@@ -293,9 +290,8 @@ echo "${MASTER_IP}    ${APISERVER_NAME}" >> /etc/hosts
 
 <<< @/.vuepress/public/install-script/v1.15.4/init-master.sh
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 
 **检查 master 初始化结果**
@@ -397,9 +393,8 @@ kubectl delete node demo-worker-x-x
 
 ## 安装 Ingress Controller
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="安装IngressController">
-::: tab 安装IngressController lazy
 
 **在 master 节点上执行**
 
@@ -408,9 +403,8 @@ kubectl delete node demo-worker-x-x
 kubectl apply -f https://kuboard.cn/install-script/v1.15.4/nginx-ingress.yaml
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="卸载IngressController">
-::: tab 卸载IngressController lazy
 
 **在 master 节点上执行**
 
@@ -421,15 +415,13 @@ kubectl apply -f https://kuboard.cn/install-script/v1.15.4/nginx-ingress.yaml
 kubectl delete -f https://kuboard.cn/install-script/v1.15.4/nginx-ingress.yaml
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="YAML文件">
-::: tab YAML文件 lazy
 
 <<< @/.vuepress/public/install-script/v1.15.4/nginx-ingress.yaml
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 
 **配置域名解析**

install/install-dashboard.md

@@ -55,9 +55,9 @@ meta:
 
 ## 安装
 
-:::: tabs 安装 type:border-card
 
-::: tab 安装
+<el-tabs type="border-card">
+<el-tab-pane label="安装">
 
 安装 Kuboard。
 
@@ -67,18 +67,18 @@ meta:
 kubectl apply -f https://kuboard.cn/install-script/kuboard.yaml
 ```
 
-:::
 
-::: tab 卸载
+</el-tab-pane>
+<el-tab-pane label="卸载">
 
 卸载 Kuboard
 
 ``` sh
 kubectl delete -f https://kuboard.cn/install-script/kuboard.yaml
 ```
-:::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 <!-- </div>
 
@@ -88,9 +88,8 @@ kubectl delete -f https://kuboard.cn/install-script/kuboard.yaml
 
 您可以获得管理员用户、只读用户的Token
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="管理员用户">
-::: tab 管理员用户
 
 **拥有的权限**
 
@@ -121,10 +120,8 @@ namespace: 11 bytes
 token: eyJhbGciOiJSUzI1NiIsImtpZCI6IiJ9.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlLXN5c3RlbSIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJhZG1pbi11c2VyLXRva2VuLWc4aHhiIiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9zZXJ2aWNlLWFjY291bnQubmFtZSI6ImFkbWluLXVzZXIiLCJrdWJlcm5ldGVzLmlvL3NlcnZpY2VhY2NvdW50L3NlcnZpY2UtYWNjb3VudC51aWQiOiI5NDhiYjVlNi04Y2RjLTExZTktYjY3ZS1mYTE2M2U1ZjdhMGYiLCJzdWIiOiJzeXN0ZW06c2VydmljZWFjY291bnQ6a3ViZS1zeXN0ZW06YWRtaW4tdXNlciJ9.DZ6dMTr8GExo5IH_vCWdB_MDfQaNognjfZKl0E5VW8vUFMVvALwo0BS-6Qsqpfxrlz87oE9yGVCpBYV0D00811bLhHIg-IR_MiBneadcqdQ_TGm_a0Pz0RbIzqJlRPiyMSxk1eXhmayfPn01upPdVCQj6D3vAY77dpcGplu3p5wE6vsNWAvrQ2d_V1KhR03IB1jJZkYwrI8FHCq_5YuzkPfHsgZ9MBQgH-jqqNXs6r8aoUZIbLsYcMHkin2vzRsMy_tjMCI9yXGiOqI-E5efTb-_KbDVwV5cbdqEIegdtYZ2J3mlrFQlmPGYTwFI8Ba9LleSYbCi4o0k74568KcN_w
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="只读用户">
-
-::: tab 只读用户
 
 **拥有的权限**
 
@@ -163,9 +160,8 @@ namespace: 11 bytes
 token: eyJhbGciOiJSUzI1NiIsImtpZCI6IiJ9.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlLXN5c3RlbSIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJhZG1pbi11c2VyLXRva2VuLWc4aHhiIiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9zZXJ2aWNlLWFjY291bnQubmFtZSI6ImFkbWluLXVzZXIiLCJrdWJlcm5ldGVzLmlvL3NlcnZpY2VhY2NvdW50L3NlcnZpY2UtYWNjb3VudC51aWQiOiI5NDhiYjVlNi04Y2RjLTExZTktYjY3ZS1mYTE2M2U1ZjdhMGYiLCJzdWIiOiJzeXN0ZW06c2VydmljZWFjY291bnQ6a3ViZS1zeXN0ZW06YWRtaW4tdXNlciJ9.DZ6dMTr8GExo5IH_vCWdB_MDfQaNognjfZKl0E5VW8vUFMVvALwo0BS-6Qsqpfxrlz87oE9yGVCpBYV0D00811bLhHIg-IR_MiBneadcqdQ_TGm_a0Pz0RbIzqJlRPiyMSxk1eXhmayfPn01upPdVCQj6D3vAY77dpcGplu3p5wE6vsNWAvrQ2d_V1KhR03IB1jJZkYwrI8FHCq_5YuzkPfHsgZ9MBQgH-jqqNXs6r8aoUZIbLsYcMHkin2vzRsMy_tjMCI9yXGiOqI-E5efTb-_KbDVwV5cbdqEIegdtYZ2J3mlrFQlmPGYTwFI8Ba9LleSYbCi4o0k74568KcN_w
 ```
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 <!-- </div>
 
@@ -175,9 +171,9 @@ token: eyJhbGciOiJSUzI1NiIsImtpZCI6IiJ9.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2Nv
 
 您可以通过NodePort、port-forward 两种方式当中的任意一种访问 Kuboard
 
-:::: tabs type:border-card
 
-::: tab 通过NodePort访问 lazy
+<el-tabs type="border-card">
+<el-tab-pane label="通过NodePort访问">
 
 Kuboard Service 使用了 NodePort 的方式暴露服务，NodePort 为 32567；您可以按如下方式访问 Kuboard。
 
@@ -192,8 +188,8 @@ http://任意一个Worker节点的IP地址:32567/
 * 您也可以修改 Kuboard.yaml 文件，使用自己定义的 NodePort 端口号
 :::
 
-::: tab 通过port-forward访问 lazy
+</el-tab-pane>
-
+<el-tab-pane label="通过port-forward访问">
 
 在您的客户端电脑中执行如下命令
 
@@ -212,7 +208,8 @@ kubectl port-forward service/kuboard 8080:80 -n kube-system
 需要您先完成 [从客户端电脑远程管理 Kubernetes](install-kubectl.html) 的配置
 :::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 <!-- </div>
 

install/install-docker-desktop.md

@@ -20,9 +20,8 @@ meta:
 
 ## 启用 Kubernetes 集群
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="MAC">
-::: tab MAC
 
 * **启动 docker-desktop**
 
@@ -40,12 +39,10 @@ meta:
     <img src="./install-docker-desktop.assets/image-20190914223501758.png" style="max-width: 600px;" alt="Kubernetes教程：DockerDesktop"/>
   </p>
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="Windows">
-::: tab Windows
 
 具体操作与 Mac 的操作过程相似，已有许多网友验证过。作者使用的是 MAC 电脑，所以未能提供 Windows 上的截图。
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::

install/install-k8s.md

@@ -122,7 +122,7 @@ export default {
 
 * **持续更新和完善**
   * 始终有最新的 Kubernetes 稳定版安装文档，当前版本 v1.16.0
-  * 当前已更新了 <font color="red"> 55 次 </font>， [查看更新历史](https://github.com/eip-work/kuboard-press/commits/master/install/install-k8s.md)
+  * 当前已更新了 <font color="red"> 56 次 </font>， [查看更新历史](https://github.com/eip-work/kuboard-press/commits/master/install/install-k8s.md)
 
 * **在线答疑** 
   
@@ -256,9 +256,9 @@ echo "127.0.0.1   $(hostname)" >> /etc/hosts
 - nfs-utils
 - kubectl / kubeadm / kubelet
 
-:::: tabs type:border-card
 
-::: tab 快速安装 lazy
+<el-tabs type="border-card">
+<el-tab-pane label="快速安装">
 
 ``` sh
 # 在 master 节点和 worker 节点都要执行
@@ -267,9 +267,8 @@ curl -sSL https://kuboard.cn/install-script/v1.16.0/install_kubelet.sh | sh
 
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手动安装">
-::: tab 手动安装 lazy
 
 手动执行以下代码，效果与快速安装完全相同。
 
@@ -279,7 +278,8 @@ curl -sSL https://kuboard.cn/install-script/v1.16.0/install_kubelet.sh | sh
 如果此时执行 `service status kubelet` 命令，将得到 kubelet 启动失败的错误提示，请忽略此错误，因为必须完成后续步骤中 kubeadm init 的操作，kubelet 才能正常启动
 :::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 </div>
 </el-collapse-transition>
@@ -436,9 +436,9 @@ kubectl delete node demo-worker-x-x
 
 ## 安装 Ingress Controller
 
-:::: tabs type:border-card
 
-::: tab 安装IngressController lazy
+<el-tabs type="border-card">
+<el-tab-pane label="安装IngressController">
 
 **在 master 节点上执行**
 
@@ -447,9 +447,8 @@ kubectl delete node demo-worker-x-x
 kubectl apply -f https://kuboard.cn/install-script/v1.16.0/nginx-ingress.yaml
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="卸载IngressController">
-::: tab 卸载IngressController lazy
 
 **在 master 节点上执行**
 
@@ -460,16 +459,14 @@ kubectl apply -f https://kuboard.cn/install-script/v1.16.0/nginx-ingress.yaml
 kubectl delete -f https://kuboard.cn/install-script/v1.16.0/nginx-ingress.yaml
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="YAML文件">
-::: tab YAML文件 lazy
 
 <<< @/.vuepress/public/install-script/v1.16.0/nginx-ingress.yaml
 
-:::
-
-::::
 
+</el-tab-pane>
+</el-tabs>
 
 **配置域名解析**
 

install/install-kubectl.md

@@ -21,9 +21,9 @@ Kubernetes 官网文档参照 [安装 kubectl](https://kubernetes.io/docs/tasks/
 
 请参考下述内容，完成 kubectl 的安装
 
-:::: tabs type:border-card
 
-::: tab Linux lazy
+<el-tabs type="border-card">
+<el-tab-pane label="Linux">
 
 **配置K8S的yum源**
 
@@ -52,17 +52,19 @@ yum install -y kubectl
 kubectl version
 ```
 
-:::
 
-::: tab Windows lazy
+</el-tab-pane>
+<el-tab-pane label="Windows">
+
 待完善
-:::
 
-::: tab Mac lazy
+</el-tab-pane>
+<el-tab-pane label="MAC">
+
 待完善
-:::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 ## 获取 kubectl config 文件
 
@@ -100,9 +102,8 @@ users:
 
 在客户端电脑完成如下配置，即可远程管理 Kubernetes 集群
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="Linux">
-::: tab Linux lazy
 
 **执行命令**
 
@@ -130,17 +131,20 @@ kubectl get nodes
 kubectl get pods -n kube-system
 ```
 
-:::
 
-::: tab Windows lazy
+</el-tab-pane>
+<el-tab-pane label="Windows">
+
 待完善
-:::
 
-::: tab Mac lazy
+</el-tab-pane>
+<el-tab-pane label="MAC">
+
 待完善
-:::
 
-::::
+</el-tab-pane>
+</el-tabs>
+
 
 ## kubectl 参考文档推荐
 

install/install-kubernetes.md

@@ -113,9 +113,8 @@ hostnamectl status
 - nfs-utils
 - kubectl / kubeadm / kubelet
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="快速安装">
-::: tab 快速安装 lazy
 
 ``` sh
 # 在 master 节点和 worker 节点都要执行
@@ -124,9 +123,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.3/install-kubelet.sh | sh
 
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="手动安装">
-::: tab 手动安装 lazy
 
 手动执行以下代码，效果与快速安装完全相同。
 
@@ -136,7 +134,8 @@ curl -sSL https://kuboard.cn/install-script/v1.15.3/install-kubelet.sh | sh
 如果此时执行 `service status kubelet` 命令，将得到 kubelet 启动失败的错误提示，请忽略此错误，因为必须完成后续步骤中 kubeadm init 的操作，kubelet 才能正常启动
 :::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 <!-- </div>
 
@@ -254,9 +253,9 @@ kubectl get nodes
 
 **获得 master 节点的 join 命令**
 
-:::: tabs type:border-card
 
-::: tab 和第一个Master节点一起初始化
+<el-tabs type="border-card">
+<el-tab-pane label="和第一个Master节点一起初始化">
 
 初始化第一个 master 节点时的输出内容中，第15、16、17行就是用来初始化第二、三个 master 节点的命令，如下所示：<font color="red">此时请不要执行该命令</font>
 
@@ -266,9 +265,8 @@ kubectl get nodes
     --control-plane --certificate-key 41a741533a038a936759aff43b5680f0e8c41375614a873ea49fde8944614dd6
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="第一个Master节点初始化2个小时后再初始化">
-::: tab 第一个Master节点初始化2个小时后再初始化
 
 **获得 certificate key**
 
@@ -313,9 +311,9 @@ kubeadm join apiserver.demo:6443 --token bl80xo.hfewon9l5jlpmjft     --discovery
 --discovery-token-ca-cert-hash sha256:6f7a8e40a810323672de5eee6f4d19aa2dbdb38411845a1bf5dd63485c43d303 </font>\<br/>
 --control-plane --certificate-key <font color="red">70eb87e62f052d2d5de759969d5b42f372d0ad798f98df38f7fe73efdf63a13c</font>
 </div>
-:::
 
-::::
+</el-tab-pane>
+</el-tabs>
 
 **初始化第二、三个 master 节点**
 
@@ -350,9 +348,8 @@ kubectl get nodes
 
 ### 获得 join命令参数
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="和第一个Master节点一起初始化">
-::: tab 和第一个Master节点一起初始化
 
 初始化第一个 master 节点时的输出内容中，第25、26行就是用来初始化 worker 节点的命令，如下所示：<font color="red">此时请不要执行该命令</font>
 
@@ -361,9 +358,8 @@ kubectl get nodes
     --discovery-token-ca-cert-hash sha256:959569cbaaf0cf3fad744f8bd8b798ea9e11eb1e568c15825355879cf4cdc5d6
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="第一个Master节点初始化2个小时后再初始化">
-::: tab 第一个Master节点初始化2个小时后再初始化
 
 **在第一个 master 节点 demo-master-a-1 节点执行**
 
@@ -378,9 +374,8 @@ kubeadm token create --print-join-command
 kubeadm join apiserver.demo:6443 --token mpfjma.4vjjg8flqihor4vt     --discovery-token-ca-cert-hash sha256:6f7a8e40a810323672de5eee6f4d19aa2dbdb38411845a1bf5dd63485c43d303
 ```
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 ### 初始化worker
 
@@ -443,9 +438,8 @@ kubectl delete node demo-worker-x-x
 > kubernetes支持多种Ingress Controllers (traefic / Kong / Istio / Nginx 等)，本文推荐使用 https://github.com/nginxinc/kubernetes-ingress
 
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="快速安装">
-::: tab 快速安装 lazy
 
 **在 master 节点上执行**
 
@@ -454,15 +448,13 @@ kubectl delete node demo-worker-x-x
 kubectl apply -f https://kuboard.cn/install-script/v1.15.3/nginx-ingress.yaml
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="YAML文件">
-::: tab YAML文件 lazy
 
 <<< @/.vuepress/public/install-script/v1.15.3/nginx-ingress.yaml
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 ::: warning
 如果您打算将 Kubernetes 用于生产环境，请参考此文档 [Installing Ingress Controller](https://github.com/nginxinc/kubernetes-ingress/blob/v1.5.3/docs/installation.md)，完善 Ingress 的配置

learning/k8s-basics/deploy-app.md

@@ -55,9 +55,9 @@ Deployment 处于 master 节点上，通过发布 Deployment，master 节点会
 * 使用 kubectl
 * 使用 Kuboard
 
-:::: tabs type:border-card
 
-::: tab 使用kubectl lazy
+<el-tabs type="border-card">
+<el-tab-pane label="使用kubectl">
 
 **创建 YAML 文件**
 
@@ -133,9 +133,8 @@ kubectl get deployments
 kubectl get pods
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="使用Kuboard">
-::: tab 使用Kuboard lazy
 
 **打开 Kuboard 集群概览界面**，如下图所示：
 
@@ -176,9 +175,8 @@ kubectl get pods
 
 此时可查看到该应用的部署结果
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 可分别查看到一个名为 nginx-deployment 的 Deployment 和一个名为 nginx-deployment-xxxxxxx 的 Pod
 

learning/k8s-basics/explore.md

@@ -59,9 +59,9 @@ Pod（容器组）总是在 **Node（节点）** 上运行。Node（节点）是
 
 ## 实战：故障排除
 
-:::: tabs type:border-card
 
-::: tab 使用kubectl lazy
+<el-tabs type="border-card">
+<el-tab-pane label="使用kubectl">
 
 在[部署第一个应用程序](./deploy-app.html) 中，我们使用了 kubectl 命令行界面部署了 nginx 并且查看了 Deployment 和 Pod。kubectl 还有如下四个常用命令，在我们排查问题时可以提供帮助：
 
@@ -112,9 +112,8 @@ Pod（容器组）总是在 **Node（节点）** 上运行。Node（节点）是
 
 请尝试在您的集群中执行一下上述的几个命令，了解如何通过 kubectl 操作 kubernetes 集群中的 Node、Pod、Container。
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="使用Kuboard">
-::: tab 使用Kuboard lazy
 
 **在名称空间中查看部署**
 
@@ -125,10 +124,8 @@ Pod（容器组）总是在 **Node（节点）** 上运行。Node（节点）是
 ![Kubernetes教程：查看 Pods/Nodes](./explore.assets/image-20190822172457417.png)
 
 
-
+</el-tab-pane>
-:::
+</el-tabs>
-
-::::
 
 ::: tip
 Worker节点是k8s中的工作计算机，可能是VM或物理计算机，具体取决于群集。多个Pod可以在一个节点上运行。

learning/k8s-basics/expose.md

@@ -75,9 +75,8 @@ Labels（标签）可以在创建 Kubernetes 对象时附加上去，也可以
 
 ## 实战：为您的 nginx Deployment 创建一个 Service
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="使用kubectl">
-::: tab 使用kubectl lazy
 
 创建nginx的Deployment中定义了Labels，如下：
 
@@ -163,9 +162,8 @@ curl <任意节点的 IP>:32600
 ```
 > 如果您的集群在云上，您可能通过云服务商的安全组开放 32600 端口的访问
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="使用Kuboard">
-::: tab 使用Kuboard lazy
 
 * 在 default 名称空间 点击 ***展现层 --> Nginx部署***
 
@@ -191,10 +189,8 @@ curl <任意节点的 IP>:32600
 
   在浏览器打开 `http://<任意节点的 IP>:32601`
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
-
 
 ~~到目前为止，我们已经成功部署好项目，并能够对其进行访问，
 

learning/k8s-basics/scale.md

@@ -42,9 +42,8 @@ spec:
 
 ## 实战：将 nginx Deployment 扩容到 4 个副本
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="使用kubectl">
-::: tab 使用kubectl lazy
 
 **修改 nginx-deployment.yaml 文件**
 
@@ -86,9 +85,8 @@ kubectl apply -f nginx-deployment.yaml
 watch kubectl get pods -o wide
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="使用Kuboard">
-::: tab 使用Kuboard
 
 * 在 default 名称空间 点击 ***展现层 --> Nginx部署***
 
@@ -106,9 +104,8 @@ watch kubectl get pods -o wide
 
 ![Kubernetes教程：伸缩应用-Scaling](./scale.assets/image-20190822213709967.png)
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 ~~一旦运行了多个应用程序实例，就可以在不停机的情况下执行滚动更新了，
 

learning/k8s-basics/update.md

@@ -51,9 +51,8 @@ meta:
 
 ## 实战：更新 nginx Deployment
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="使用kubectl">
-::: tab 使用kubectl lazy
 
 **修改 nginx-deployment.yaml 文件**
 
@@ -96,9 +95,8 @@ kubectl apply -f nginx-deployment.yaml
 watch kubectl get pods -l app=nginx
 ```
 
-:::
+</el-tab-pane>
-
+<el-tab-pane label="使用Kuboard">
-::: tab 使用Kuboard lazy
 
 * **进入 default 名称空间**
 
@@ -122,9 +120,8 @@ watch kubectl get pods -l app=nginx
 
 ![Kubernetes教程：执行滚动更新-过程](./update.assets/image-20190822214503847.png)
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::
 
 
 ~~呱唧呱唧，恭喜您，即将成为k8s的大神的您，已经迈进了您k8s的最重要的一步了--入门，那么接下来请再接再厉，继续征服k8s的高峰！！！

learning/k8s-intermediate/container/images.md

@@ -35,7 +35,7 @@ Kubernetes中，默认的镜像抓取策略是 `IfNotPresent`，使用此策略
 
 在 Kuboard 中，可以在界面中直接指定 container 的 imagePullPolicy，如下图所示：
 
-![Kubernetes教程_指定镜像抓取策略](./images.assets/image-20191007194641973.png)
+![Kubernetes教程_镜像抓取策略](./images.assets/image-20191007194641973.png)
 
 imagePullPolicy 字段和 image tag的可能取值将影响到 kubelet 如何抓取镜像：
 * `imagePullPolicy: IfNotPresent` 仅在节点上没有该镜像时，从镜像仓库抓取

learning/k8s-intermediate/service/ingress.md

@@ -125,9 +125,8 @@ spec:
 * 假设您已经将 Ingress 融入到您的网络拓扑中，并且将 `*.demo.kuboard.cn` （请使用您自己的域名）解析到对应的外网 IP 地址
 :::
 
-:::: tabs type:border-card
+<el-tabs type="border-card">
-
+<el-tab-pane label="使用kubectl">
-::: tab 使用kubectl lazy
 
 **创建文件 nginx-deployment.yaml**
 ``` sh
@@ -230,9 +229,9 @@ kubectl get ingress -o wide
 # 请使用您自己的域名
 curl a.demo.kuboard.cn
 ```
-:::
 
-::: tab 使用Kuboard lazy
+</el-tab-pane>
+<el-tab-pane label="使用Kuboard">
 
 * 在 default 名称空间 点击 ***创建工作负载***
 
@@ -267,6 +266,5 @@ Kuboard 工作负载编辑器将 kubernetes 中三个主要对象 Deployment/Ser
 
   在浏览器打开 `http://a.demo.kuboard.cn` （请使用您自己的域名）
 
-:::
+</el-tab-pane>
-
+</el-tabs>
-::::

package.json

@@ -6,26 +6,27 @@
   "devDependencies": {
     "@vssue/api-github-v3": "^1.0.3",
     "@vssue/vuepress-plugin-vssue": "^1.0.3",
+    "@vuepress/plugin-active-header-links": "^1.0.0-rc.1",
     "@vuepress/plugin-back-to-top": "^1.1.0",
     "@vuepress/plugin-google-analytics": "^1.1.0",
     "@vuepress/plugin-medium-zoom": "^1.1.0",
     "@vuepress/plugin-nprogress": "^1.1.0",
-    "@vuepress/plugin-active-header-links": "^1.0.0-rc.1",
     "babel-plugin-component": "^1.1.1",
     "date-fns": "^1.30.1",
     "vuepress-plugin-baidu-autopush": "^1.0.1",
     "vuepress-plugin-code-switcher": "^1.0.0",
-    "vuepress-plugin-element-tabs": "^0.1.8",
     "vuepress-plugin-reading-progress": "^1.0.7",
     "vuepress-plugin-seo": "^0.1.2",
     "vuepress-plugin-sitemap": "^2.1.2"
   },
   "dependencies": {
+    "@vuepress/plugin-pwa": "^1.0.0-rc.1",
     "element-ui": "^2.12.0",
     "esm": "^3.2.25",
     "npm": "^6.11.3",
     "reduce-css-calc": "^2.1.6",
     "vuepress": "^1.1.0",
+    "vuepress-plugin-named-chunks": "^1.0.2",
     "vuepress-plugin-smooth-scroll": "0.0.4"
   }
 }

support/index.md

@@ -73,10 +73,11 @@ description: Kubernetes教程_本文描述了如何获得Kuboard授权
   <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>
-      <li>Kubernetes企业培训</li>
+      <li>Kubernetes 企业培训</li>
-      <li>DevOps环境搭建及培训</li>
+      <li>DevOps 环境搭建及培训</li>
-      <li>SpringCloud微服务架构咨询</li>
+      <li>SpringCloud 微服务架构咨询</li>
-      <li>Kubernetes投产支持及问题解决</li>
+      <li>Kubernetes 投产支持及问题解决</li>
+      <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;">