From ca7a68de04fc4e1c722df769bc533e9c640dbcb6 Mon Sep 17 00:00:00 2001
From: guoxudong <sunnydog0826@gmail.com>
Date: Sun, 7 Feb 2021 10:50:20 +0800
Subject: [PATCH] Docs (#43)

* update docs

* update docs
---
 README.md                 | 4 ++--
 docs/en-us/README.md      | 4 ++--
 docs/en-us/interactive.md | 2 +-
 docs/index.html           | 2 ++
 docs/zh-cn/README.md      | 2 +-
 docs/zh-cn/interactive.md | 2 +-
 6 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index a938b5fa..ea8656e3 100644
--- a/README.md
+++ b/README.md
@@ -47,9 +47,9 @@ Use "kubecm [command] --help" for more information about a command.
 
 For full documentation, please visit the KubeVela website: [https://kubecm.cloud](https://kubecm.cloud)
 
-## Video
+## Demo
 
-[![](https://tva3.sinaimg.cn/large/ad5fbf65gy1gij1pl0pn5j218o0p81kx.jpg)](https://www.bilibili.com/video/av88259938/)
+[![asciicast](https://asciinema.org/a/389595.svg)](https://asciinema.org/a/389595)
 
 ## Contribute
 
diff --git a/docs/en-us/README.md b/docs/en-us/README.md
index a59fb2ed..92efda83 100644
--- a/docs/en-us/README.md
+++ b/docs/en-us/README.md
@@ -43,9 +43,9 @@ Flags:
 Use "kubecm [command] --help" for more information about a command.
 ```
 
-# Video
+# Demo
 
-[![](https://tva3.sinaimg.cn/large/ad5fbf65gy1gij1pl0pn5j218o0p81kx.jpg)](https://www.bilibili.com/video/av88259938/)
+<script id="asciicast-389595" src="https://asciinema.org/a/389595.js" async></script>
 
 # Thanks
 
diff --git a/docs/en-us/interactive.md b/docs/en-us/interactive.md
index e4a0897d..61ba0878 100644
--- a/docs/en-us/interactive.md
+++ b/docs/en-us/interactive.md
@@ -1,3 +1,3 @@
 # Interactive operation
 
-![Interactive](../static/Interaction.gif)
\ No newline at end of file
+<script id="asciicast-389595" src="https://asciinema.org/a/389595.js" async></script>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index e3b64dc4..d4318300 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -33,6 +33,7 @@
             loadSidebar: true,
             auto2top: true,
             loadNavbar: true,
+            executeScript: true,
             homepage: '/en-us/README.md',
             search: {
                 placeholder: {
@@ -114,6 +115,7 @@
     <script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>
     <script src="//unpkg.com/docsify-fontawesome/dist/docsify-fontawesome.min.js"></script>
     <script src="https://unpkg.com/docsify-toc@1.0.0/dist/toc.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/docs/zh-cn/README.md b/docs/zh-cn/README.md
index 99ec73c0..acfaaed5 100644
--- a/docs/zh-cn/README.md
+++ b/docs/zh-cn/README.md
@@ -45,7 +45,7 @@ Use "kubecm [command] --help" for more information about a command.
 
 # 视频
 
-[![](https://tva3.sinaimg.cn/large/ad5fbf65gy1gij1pl0pn5j218o0p81kx.jpg)](https://www.bilibili.com/video/av88259938/)
+<script id="asciicast-389595" src="https://asciinema.org/a/389595.js" async></script>
 
 # 鸣谢
 
diff --git a/docs/zh-cn/interactive.md b/docs/zh-cn/interactive.md
index 1d8ff9fb..72aae49a 100644
--- a/docs/zh-cn/interactive.md
+++ b/docs/zh-cn/interactive.md
@@ -1,3 +1,3 @@
 # 交互式操作
 
-![Interactive](../static/Interaction.gif)
\ No newline at end of file
+<script id="asciicast-389595" src="https://asciinema.org/a/389595.js" async></script>
\ No newline at end of file