diff --git a/docs/README.md b/docs/README.md
index 183e4e8..993e9df 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -84,7 +84,7 @@ const dp = new DPlayer(options);
 Name|Default|Note
 ----|-------|----
 container | document.querySelector('.dplayer') | player container
-live | false | enable live mode, [see more details](http://dplayer.js.org/docs/#/?id=live-mode)
+live | false | enable live mode, [see more details](http://dplayer.js.org/#/home?id=live)
 autoplay | false | video autoplay
 theme | '#b7daff' | main color
 loop | false | video loop
@@ -94,15 +94,15 @@ hotkey | true | enable hotkey
 preload | 'auto' | values: 'none', 'metadata', 'auto'
 volume | 0.7 | default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
 logo | - | showing logo in the top left corner, you can adjust its size and position by CSS
-apiBackend | - | getting and sending danmaku in your way, [see more details](http://dplayer.js.org/docs/#/?id=live-mode)
+apiBackend | - | getting and sending danmaku in your way, [see more details](http://dplayer.js.org/#/home?id=live)
 video | - | video info
-video.quality | - | [see more details](http://dplayer.js.org/docs/#/?id=quality-switching)
-video.defaultQuality | - | [see more details](http://dplayer.js.org/docs/#/?id=quality-switching)
+video.quality | - | [see more details](http://dplayer.js.org/#/home?id=quality-switching)
+video.defaultQuality | - | [see more details](http://dplayer.js.org/#/home?id=quality-switching)
 video.url | - | video url
 video.pic | - | video poster
 video.thumbnails | - | video thumbnails, generated by [DPlayer-thumbnails](https://github.com/MoePlayer/DPlayer-thumbnails)
-video.type | 'auto' | values: 'auto', 'hls', 'flv', 'dash', 'webtorrent' or custom type, [see more details](http://dplayer.js.org/docs/#/?id=mse-support)
-video.customType | - | custom video type, [see more details](http://dplayer.js.org/docs/#/?id=mse-support)
+video.type | 'auto' | values: 'auto', 'hls', 'flv', 'dash', 'webtorrent' or custom type, [see more details](http://dplayer.js.org/#/home?id=mse-support)
+video.customType | - | custom video type, [see more details](http://dplayer.js.org/#/home?id=mse-support)
 subtitle | - | external subtitle
 subtitle.url | `required` | subtitle url
 subtitle.type | 'webvtt' | values: 'webvtt', 'ass', but only webvtt is supported for now
@@ -111,10 +111,10 @@ subtitle.bottom | '40px' | values like: '10px' '10%', the distance between the s
 subtitle.color | '#fff' | subtitle color
 danmaku | - | showing danmaku
 danmaku.id | `required` | danamku pool id, it must be unique
-danmaku.api | `required` | [see more details](http://dplayer.js.org/docs/#/?id=back-end)
+danmaku.api | `required` | [see more details](http://dplayer.js.org/#/home?id=danmaku-api)
 danmaku.token | - | back end verification token
 danmaku.maximum | - | danmaku maximum quantity
-danmaku.addition | - | additional danmaku, [see more details](http://dplayer.js.org/docs/#/?id=bilibili-danmaku-and-video-link)
+danmaku.addition | - | additional danmaku, [see more details](http://dplayer.js.org/#/home?id=bilibili-danmaku)
 danmaku.user | 'DIYgod' | danmaku user name
 danmaku.bottom | - | values like: '10px' '10%', the distance between the danmaku bottom and player bottom, in order to prevent warding off subtitle
 danmaku.unlimited | false | allow danmaku overlap, notice that player will remember user setting, default setting will not work after user set it themselves
@@ -192,7 +192,7 @@ const dp = new DPlayer({
 
 + `dp.toggle()`: toggle between play and pause
 
-+ `dp.on(event: string, handler: function)`: bind video and player events, [see more details](http://dplayer.js.org/docs/#/?id=event-binding)
++ `dp.on(event: string, handler: function)`: bind video and player events, [see more details](http://dplayer.js.org/#/home?id=event-binding)
 
 + `dp.switchVideo(video, danmaku)`: switch to a new video, the parameters in `video` and `danmaku` is the same as option
 
diff --git a/docs/zh-Hans/README.md b/docs/zh-Hans/README.md
index 5625e58..4c786b9 100644
--- a/docs/zh-Hans/README.md
+++ b/docs/zh-Hans/README.md
@@ -1,6 +1,5 @@
 ---
-nav: zh-Hans
-search: zh-Hans
+search: english
 ---
 
 # DPlayer
@@ -85,7 +84,7 @@ const dp = new DPlayer(options);
 Name|Default|Note
 ----|-------|----
 container | document.querySelector('.dplayer') | player container
-live | false | enable live mode, [see more details](http://dplayer.js.org/docs/#/?id=live-mode)
+live | false | enable live mode, [see more details](http://dplayer.js.org/#/home?id=live)
 autoplay | false | video autoplay
 theme | '#b7daff' | main color
 loop | false | video loop
@@ -95,15 +94,15 @@ hotkey | true | enable hotkey
 preload | 'auto' | values: 'none', 'metadata', 'auto'
 volume | 0.7 | default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
 logo | - | showing logo in the top left corner, you can adjust its size and position by CSS
-apiBackend | - | getting and sending danmaku in your way, [see more details](http://dplayer.js.org/docs/#/?id=live-mode)
+apiBackend | - | getting and sending danmaku in your way, [see more details](http://dplayer.js.org/#/home?id=live)
 video | - | video info
-video.quality | - | [see more details](http://dplayer.js.org/docs/#/?id=quality-switching)
-video.defaultQuality | - | [see more details](http://dplayer.js.org/docs/#/?id=quality-switching)
+video.quality | - | [see more details](http://dplayer.js.org/#/home?id=quality-switching)
+video.defaultQuality | - | [see more details](http://dplayer.js.org/#/home?id=quality-switching)
 video.url | - | video url
 video.pic | - | video poster
 video.thumbnails | - | video thumbnails, generated by [DPlayer-thumbnails](https://github.com/MoePlayer/DPlayer-thumbnails)
-video.type | 'auto' | values: 'auto', 'hls', 'flv', 'dash', 'webtorrent' or custom type, [see more details](http://dplayer.js.org/docs/#/?id=mse-support)
-video.customType | - | custom video type, [see more details](http://dplayer.js.org/docs/#/?id=mse-support)
+video.type | 'auto' | values: 'auto', 'hls', 'flv', 'dash', 'webtorrent' or custom type, [see more details](http://dplayer.js.org/#/home?id=mse-support)
+video.customType | - | custom video type, [see more details](http://dplayer.js.org/#/home?id=mse-support)
 subtitle | - | external subtitle
 subtitle.url | `required` | subtitle url
 subtitle.type | 'webvtt' | values: 'webvtt', 'ass', but only webvtt is supported for now
@@ -112,10 +111,10 @@ subtitle.bottom | '40px' | values like: '10px' '10%', the distance between the s
 subtitle.color | '#fff' | subtitle color
 danmaku | - | showing danmaku
 danmaku.id | `required` | danamku pool id, it must be unique
-danmaku.api | `required` | [see more details](http://dplayer.js.org/docs/#/?id=back-end)
+danmaku.api | `required` | [see more details](http://dplayer.js.org/#/home?id=danmaku-api)
 danmaku.token | - | back end verification token
 danmaku.maximum | - | danmaku maximum quantity
-danmaku.addition | - | additional danmaku, [see more details](http://dplayer.js.org/docs/#/?id=bilibili-danmaku-and-video-link)
+danmaku.addition | - | additional danmaku, [see more details](http://dplayer.js.org/#/home?id=bilibili-danmaku)
 danmaku.user | 'DIYgod' | danmaku user name
 danmaku.bottom | - | values like: '10px' '10%', the distance between the danmaku bottom and player bottom, in order to prevent warding off subtitle
 danmaku.unlimited | false | allow danmaku overlap, notice that player will remember user setting, default setting will not work after user set it themselves
@@ -193,7 +192,7 @@ const dp = new DPlayer({
 
 + `dp.toggle()`: toggle between play and pause
 
-+ `dp.on(event: string, handler: function)`: bind video and player events, [see more details](http://dplayer.js.org/docs/#/?id=event-binding)
++ `dp.on(event: string, handler: function)`: bind video and player events, [see more details](http://dplayer.js.org/#/home?id=event-binding)
 
 + `dp.switchVideo(video, danmaku)`: switch to a new video, the parameters in `video` and `danmaku` is the same as option