diff --git a/README.md b/README.md
index 8dbb5d355..3db2f1058 100644
--- a/README.md
+++ b/README.md
@@ -657,7 +657,7 @@ var art = new Artplayer({
 
 <table>
     <tr>
-        <th>property / method</th>
+        <th>property</th>
         <th>description</th>
         <th>example</th>
     </tr>
@@ -1044,7 +1044,7 @@ var art = new Artplayer({
 
 <table>
     <tr>
-        <th>property / method</th>
+        <th>property</th>
         <th>description</th>
         <th>example</th>
     </tr>
diff --git a/docs/css/index.css b/docs/docs/.nojekyll
similarity index 100%
rename from docs/css/index.css
rename to docs/docs/.nojekyll
diff --git a/docs/docs/README.md b/docs/docs/README.md
new file mode 100644
index 000000000..da2056b35
--- /dev/null
+++ b/docs/docs/README.md
@@ -0,0 +1,3 @@
+# Headline
+
+> An awesome project.
diff --git a/docs/docs/index.html b/docs/docs/index.html
new file mode 100644
index 000000000..0d62100c3
--- /dev/null
+++ b/docs/docs/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>ArtPlayer Document</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="ArtPlayer Document">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+</head>
+<body>
+  <div id="app"></div>
+  <script>
+    window.$docsify = {
+      name: 'ArtPlayer',
+      repo: 'zhw2590582/ArtPlayer'
+    }
+  </script>
+  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+</body>
+</html>
diff --git a/docs/css/artplayer-plugin-danmu.css b/docs/lab/css/artplayer-plugin-danmu.css
similarity index 100%
rename from docs/css/artplayer-plugin-danmu.css
rename to docs/lab/css/artplayer-plugin-danmu.css
diff --git a/docs/css/artplayer.css b/docs/lab/css/artplayer.css
similarity index 100%
rename from docs/css/artplayer.css
rename to docs/lab/css/artplayer.css
diff --git a/docs/css/common.css b/docs/lab/css/common.css
similarity index 100%
rename from docs/css/common.css
rename to docs/lab/css/common.css
diff --git a/docs/lab/css/index.css b/docs/lab/css/index.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/docs/css/normalize.css b/docs/lab/css/normalize.css
similarity index 100%
rename from docs/css/normalize.css
rename to docs/lab/css/normalize.css
diff --git a/docs/img/favicon.ico b/docs/lab/img/favicon.ico
similarity index 100%
rename from docs/img/favicon.ico
rename to docs/lab/img/favicon.ico
diff --git a/docs/index.html b/docs/lab/index.html
similarity index 97%
rename from docs/index.html
rename to docs/lab/index.html
index c0a478544..b994a2aae 100644
--- a/docs/index.html
+++ b/docs/lab/index.html
@@ -22,6 +22,7 @@
             <div class="controls">
                 <div class="left">
                     <a href="./" class="logo">ArtPlayer.js Lab</a>
+                    <a href="../docs" class="logo">Document</a>
                     <iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                     <iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                 </div>
diff --git a/docs/js/artplayer-plugin-danmu.js b/docs/lab/js/artplayer-plugin-danmu.js
similarity index 100%
rename from docs/js/artplayer-plugin-danmu.js
rename to docs/lab/js/artplayer-plugin-danmu.js
diff --git a/docs/js/artplayer-plugin-danmu.js.map b/docs/lab/js/artplayer-plugin-danmu.js.map
similarity index 100%
rename from docs/js/artplayer-plugin-danmu.js.map
rename to docs/lab/js/artplayer-plugin-danmu.js.map
diff --git a/docs/js/artplayer.js b/docs/lab/js/artplayer.js
similarity index 100%
rename from docs/js/artplayer.js
rename to docs/lab/js/artplayer.js
diff --git a/docs/js/artplayer.js.map b/docs/lab/js/artplayer.js.map
similarity index 100%
rename from docs/js/artplayer.js.map
rename to docs/lab/js/artplayer.js.map
diff --git a/docs/js/common.js b/docs/lab/js/common.js
similarity index 100%
rename from docs/js/common.js
rename to docs/lab/js/common.js
diff --git a/docs/js/index.js b/docs/lab/js/index.js
similarity index 100%
rename from docs/js/index.js
rename to docs/lab/js/index.js
diff --git a/docs/plugins/codemirror.css b/docs/lab/plugins/codemirror.css
similarity index 100%
rename from docs/plugins/codemirror.css
rename to docs/lab/plugins/codemirror.css
diff --git a/docs/plugins/codemirror.js b/docs/lab/plugins/codemirror.js
similarity index 100%
rename from docs/plugins/codemirror.js
rename to docs/lab/plugins/codemirror.js
diff --git a/docs/plugins/consola.css b/docs/lab/plugins/consola.css
similarity index 100%
rename from docs/plugins/consola.css
rename to docs/lab/plugins/consola.css
diff --git a/docs/plugins/consola.js b/docs/lab/plugins/consola.js
similarity index 100%
rename from docs/plugins/consola.js
rename to docs/lab/plugins/consola.js
diff --git a/docs/plugins/javascript.js b/docs/lab/plugins/javascript.js
similarity index 100%
rename from docs/plugins/javascript.js
rename to docs/lab/plugins/javascript.js
diff --git a/packages/artplayer-plugin-danmu/rollup.config.js b/packages/artplayer-plugin-danmu/rollup.config.js
index ff3a4fa96..31d13c46f 100644
--- a/packages/artplayer-plugin-danmu/rollup.config.js
+++ b/packages/artplayer-plugin-danmu/rollup.config.js
@@ -24,7 +24,7 @@ export default {
   input: 'src/index.js',
   output: {
     name: name,
-    file: isProd ? `dist/${name}.js` : path.join(process.cwd(), '../../', `docs/js/${name}.js`),
+    file: isProd ? `dist/${name}.js` : path.join(process.cwd(), '../../', `docs/lab/js/${name}.js`),
     format: 'umd',
     exports: 'named'
   },
@@ -38,7 +38,7 @@ export default {
     }),
     postcss({
       plugins: [autoprefixer, cssnano],
-      extract: isProd ? `dist/${name}.css` : path.join(process.cwd(), '../../', `docs/css/${name}.css`)
+      extract: isProd ? `dist/${name}.css` : path.join(process.cwd(), '../../', `docs/lab/css/${name}.css`)
     }),
     nodeResolve(),
     commonjs(),
diff --git a/packages/artplayer/rollup.config.js b/packages/artplayer/rollup.config.js
index ff3a4fa96..31d13c46f 100644
--- a/packages/artplayer/rollup.config.js
+++ b/packages/artplayer/rollup.config.js
@@ -24,7 +24,7 @@ export default {
   input: 'src/index.js',
   output: {
     name: name,
-    file: isProd ? `dist/${name}.js` : path.join(process.cwd(), '../../', `docs/js/${name}.js`),
+    file: isProd ? `dist/${name}.js` : path.join(process.cwd(), '../../', `docs/lab/js/${name}.js`),
     format: 'umd',
     exports: 'named'
   },
@@ -38,7 +38,7 @@ export default {
     }),
     postcss({
       plugins: [autoprefixer, cssnano],
-      extract: isProd ? `dist/${name}.css` : path.join(process.cwd(), '../../', `docs/css/${name}.css`)
+      extract: isProd ? `dist/${name}.css` : path.join(process.cwd(), '../../', `docs/lab/css/${name}.css`)
     }),
     nodeResolve(),
     commonjs(),