diff --git a/docs/CNAME b/docs/CNAME
new file mode 100644
index 00000000..f9e262e8
--- /dev/null
+++ b/docs/CNAME
@@ -0,0 +1 @@
+docs.m5stack.com
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index edae7316..896e383c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -77,7 +77,7 @@
             mergeNavbar: true,
             maxLevel: 4,
             subMaxLevel: 3,
-            basePath: '/test/',
+            basePath: '/',
             formatUpdated: '{MM}/{DD} {HH}:{mm}',
             executeScript: true,
             ga: 'UA-131246469-2'
diff --git a/docs/index.md b/docs/index.md
index dff95792..d0a40ef8 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,6 +1,6 @@
  <div>
   <div class="banner img-fluid" onclick= page_move("core")>
-    <img src="assets\img\home_page\core.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/core.jpg">
     <div class="card-img-overlay">
       <h4 >Core</h4>
     </div>
@@ -8,21 +8,21 @@
   </div>
 
   <div class="banner img-fluid" onclick= page_move("module")>
-    <img src="assets\img\home_page\module.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/module.jpg">
     <div class="card-img-overlay">
       <h4>Module</h4>
     </div>
   </div>
 
   <div class="banner img-fluid" onclick= page_move("base")>
-    <img src="assets\img\home_page\base.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/base.jpg">
     <div class="card-img-overlay">
       <h4>Base</h4>
     </div>
   </div>
 
   <div class="banner img-fluid" onclick= page_move("unit")>
-    <img src="assets\img\home_page\unit.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/unit.jpg">
     <div class="card-img-overlay">
       <h4>Unit</h4>
     </div>
@@ -30,7 +30,7 @@
 
 
   <div class="banner img-fluid" onclick= page_move("application")>
-    <img src="assets\img\home_page\application.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/application.jpg">
     <div class="card-img-overlay">
       <h4>Application</h4>
     </div>
@@ -38,7 +38,7 @@
 
 
   <div class="banner img-fluid" onclick= page_move("accessory")>
-    <img src="assets\img\home_page\accessory.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/accessory.jpg">
     <div class="card-img-overlay">
       <h4>Accessory</h4>
     </div>
@@ -46,7 +46,7 @@
 
 
   <div class="banner img-fluid" onclick= page_move("aluminium")>
-    <img src="assets\img\home_page\aluminium_profile.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/aluminium_profile.jpg">
     <div class="card-img-overlay">
       <h4>Aluminium Profile</h4>
     </div>
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index aca671aa..b92fd77c 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -1,5 +1,5 @@
   <div class="banner img-fluid" onclick= page_move("core")>
-    <img src="assets\img\home_page\core.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/core.jpg">
     <div class="card-img-overlay">
       <h4 >Core</h4>
     </div>
@@ -7,21 +7,21 @@
   </div>
 
   <div class="banner img-fluid" onclick= page_move("module")>
-    <img src="assets\img\home_page\module.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/module.jpg">
     <div class="card-img-overlay">
       <h4>Module</h4>
     </div>
   </div>
 
   <div class="banner img-fluid" onclick= page_move("base")>
-    <img src="assets\img\home_page\base.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/base.jpg">
     <div class="card-img-overlay">
       <h4>Base</h4>
     </div>
   </div>
 
   <div class="banner img-fluid" onclick= page_move("unit")>
-    <img src="assets\img\home_page\unit.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/unit.jpg">
     <div class="card-img-overlay">
       <h4>Unit</h4>
     </div>
@@ -29,7 +29,7 @@
 
 
   <div class="banner img-fluid" onclick= page_move("application")>
-    <img src="assets\img\home_page\application.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/application.jpg">
     <div class="card-img-overlay">
       <h4>Application</h4>
     </div>
@@ -37,7 +37,7 @@
 
 
   <div class="banner img-fluid" onclick= page_move("accessory")>
-    <img src="assets\img\home_page\accessory.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/accessory.jpg">
     <div class="card-img-overlay">
       <h4>Accessory</h4>
     </div>
@@ -45,7 +45,7 @@
 
 
   <div class="banner img-fluid" onclick= page_move("aluminium")>
-    <img src="assets\img\home_page\aluminium_profile.jpg">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/aluminium_profile.jpg">
     <div class="card-img-overlay">
       <h4>Aluminium Profile</h4>
     </div>