diff --git a/docs/en/hat/hat-8servos.md b/docs/en/hat/hat-8servos.md
index f6cd6c9d..bde0251a 100644
--- a/docs/en/hat/hat-8servos.md
+++ b/docs/en/hat/hat-8servos.md
@@ -172,8 +172,6 @@
 	（2）RGB888
 
 
-
-
 ## Video
 
 <video class="video_size" controls>
@@ -187,12 +185,4 @@
    anchor_search(purchase_link);
    scrollFunc();
 
-    $("#play-btn").on("click",function(){
-        $(".easyloader-mask").toggleClass('video_play');
-        $("#example_video")[0].play();
-    })
-    $("#example_video").on("click",function(){
-        $(".easyloader-mask").toggleClass('video_play');  
-    })
-
 </script>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index e7bc6d9b..e7cc44fe 100755
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,44 +1,470 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible"content="IE=edge"><meta name="viewport"content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no"><meta name="description"content="M5Stack Documentations - Modular Rapid Product Development Toolkit, based on ESP32. ESP32 is a series of low cost, low power system on a chip microcontrollers with integrated Wi-Fi and dual-mode Bluetooth."><meta name="google-site-verification"content="sYDlVf68aDW21U32H46j1P4YDSimljEGHBEMi4JRxQ8"/><title>M5Stack-A series of modular stackable development devices</title><link rel="icon"href="assets/img/favicon.ico"><!--Stylesheets--><link rel="stylesheet"href="https://cdn.jsdelivr.net/npm/docsify-themeable@0.7.2/dist/css/theme-simple.css"title="Simple"><link rel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"><link rel="stylesheet"href="assets/css/main-min.css"><script>var _LoadingHtml='<div id="loading"><div class="loading-flex"><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div></div></div>';document.write(_LoadingHtml);document.onreadystatechange=completeLoading;function completeLoading(){if(document.readyState=="complete"){var loadingMask=document.getElementById('loading');  
-    loadingMask.style.display='none';}}
-    window.addEventListener('hashchange',function(event){var loadingMask=document.getElementById('loading');let url=window.location.href.split('#')[1];if(url.length<2||url=='/zh_CN/'||url=='/en/'){}else if(url.indexOf("?id=")<0){loadingMask.style.display='block';}})</Script><script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script></head><body><div class="btn-toggle"></div><div class="search"><form action=""method="get"accept-charset="utf-8"><input type="text"placeholder="Search"oninput="onEnter(event)"><a id="search_button"class="search-btn"style="width: 20px;height: 20px;color: #007bff"onclick="mode_search()"><svg xmlns="http://www.w3.org/2000/svg"width="20"height="20"fill="none"stroke="currentColor"stroke-linecap="round"stroke-linejoin="round"stroke-width="2"role="img"viewBox="0 0 24 24"focusable="false"><title>Search</title><circle cx="10.5"cy="10.5"r="7.5"></circle><path d="M21 21l-5.2-5.2"></path></svg></a></form></div><div class="d-flex a flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm"><h5 class="my-0 mr-md-auto font-weight-normal"><a href="https://m5stack.com/"><img src="//cdn.shopify.com/s/files/1/0056/7689/2250/files/LOGO_70x.jpg?v=1563273356"style="margin-right:30px;margin-top:-5px"width="52"></a><span style="position: relative; top: 5px;">M5Stack Docs</span></h5><nav class="my-2 my-md-0 mr-md-3"><div id="product"class="p-2 dropdown"><span>Product</span><div><a class="dropdown-item"href="#/en/uiflow/uiflow_home_page">Product List</a><a class="dropdown-item"href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/I2C_Address.pdf"target="view_window">I2C Address Table</a><a class="dropdown-item"href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/Product_compared.pdf"target="view_window">Product Comparison</a></div></div><div id="platform"class="p-2 dropdown"><span>Platform</span><div><a id="uiflow"class="dropdown-item"href="#/en/uiflow/uiflow_home_page">UIFlow</a><a id="arduino"class="dropdown-item"href="#/en/arduino/arduino_home_page">Arduino</a><a class="dropdown-item"href="https://github.com/m5stack/UIFlow-Code">MicroPython</a><a id="aws"class="dropdown-item"href="#/en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows">AWS-FreeRTOS</a></div></div><a id="cases"class="p-2 dropdown"href="#/en/case">Cases</a><a id="faq"class="p-2 dropdown"href="#/en/faq">FAQ</a><div id="language"class="p-2 dropdown"style="margin-right: 40px;"><span>Language</span><div style="left: -45px;"><a class="dropdown-item"onclick="language('en')">English</a><a class="dropdown-item"onclick="language('zh_CN')">中文</a></div></div></nav></div><div class="related_links"><a href="https://twitter.com/M5Stack"target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/twitter.jpg"></a><a href="https://www.facebook.com/M5Stack"target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/facebook.jpg"></a><a href="https://www.youtube.com/m5stack"target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/youtube.jpg"></a><a href="https://github.com/m5stack"target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/github.jpg"></a><div href="https://github.com/m5stack"target="view_window"onclick="(function(){$('html, body').animate({scrollTop: 0}, 500);})()"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/to-top.jpg"></div></div><div id="app">loading...</div>
-    <script>window.$docsify={name:'M5Stack docs',homepage:'index.md',autoHeader:true,mergeNavbar:true,nameLink:{'/en/':'#/en/','/zh_CN/':'#/zh_CN/','/ja/':'#/ja/','/':'/'},alias:{'/en/sidebar.md':'/sidebar.md','/en/.*/sidebar.md':'/sidebar.md','/zh_CN/.*/sidebar.md':'/zh_CN/sidebar.md','/ja/.*/sidebar.md':'/ja/sidebar.md','/.*/navbar.md':'/navbar.md','/en/':'/',},auto2top:true,mergeNavbar:true,maxLevel:4,subMaxLevel:3,basePath:'/',formatUpdated:'{MM}/{DD} {HH}:{mm}',executeScript:true,ga:'UA-131246469-2'};</script><script>function product_search(onEnter_content){$("#search_note").css("display","block");var p=$(".item p");for(var i=0;i<p.length;i++){if(p[i].textContent.toLocaleLowerCase().indexOf(onEnter_content)!=-1){$(".item").eq(i).css("display","inline-block");$(".item").eq(i).parent().children("p").css("display","block");$(".item").eq(i).parent().next("hr").css("display","block");$("#search_note").css("display","none");}
-    else{$(".item").eq(i).css("display","none");$(".item").parent().children("p").css("display","none");$(".item").eq(i).parent().next("hr").css("display","none");}}}
-    function faq_search(onEnter_content){$(".search-tips").css("display","block");$(".faq-class").css("display","none");var faq_title=$(".faq-item h5");for(var i=0;i<faq_title.length;i++){if(faq_title[i].textContent.toLocaleLowerCase().indexOf(onEnter_content)!=-1){$(".faq-item").eq(i).css("display","block");$(".search-tips").css("display","none");$(".faq-item").eq(i).prev(".faq-class").css("display","block");}
-    else{$(".faq-item").eq(i).css("display","none");}}}
-    function onEnter(event){timer=setTimeout(function(){var onEnter_content=event.target.value.toLowerCase();select_search_page(onEnter_content);clearTimeout(timer);timer=null;},250);}
-    function select_search_page(onEnter_content){link=window.location.href;if(((link.slice(-4)=="/en/")||(link.slice(-7)=="/zh_CN/"))||((link.indexOf(/en/)==-1)&&(link.indexOf(/zh_CN/)==-1))){product_search(onEnter_content);}
-    if(link.slice(-4)=="/faq"){faq_search(onEnter_content);}}
-    var Input=$('form input');Input.focusin(function(){Input.animate({width:300});});Input.focusout(function(){Input.animate({width:240});})
-    function select(event){var s=event.textContent.toLowerCase();$("#thetarget").removeClass("show");$(".btn-group-vertical button").addClass("btn-light");$(event).removeClass("btn-light");$(event).addClass("btn-primary");page_move(s);}
-    $(document).ready(function(){$(".btn-toggle").on('click',function(){$(".btn-toggle").toggleClass('open');$(".d-flex").toggleClass('open');});});function change_title(language){if(language=="en"){$("#product span").text("Product");$("#product a").eq(0).text("Product List");$("#product a").eq(1).text("I2C Address Table");$("#product a").eq(2).text("Product Comparison");$("#product a").eq(0).attr("href","#");$("#arduino").text("Arduino");$("#arduino").attr("href","#/en/arduino/arduino_home_page");$("#cases").text("Cases");$("#cases").attr("href","#/en/case");$("#faq").text("FAQ");$("#faq").attr("href","#/en/faq");$("#uiflow").attr("href","#/en/uiflow/uiflow_home_page");$("#aws").attr("href","#/en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows");$("#platform span").text("Platform");$("#language span").text("Language");}
-    if(language=="zh_CN"){$("#product span").text("产品");$("#product a").eq(0).text("产品列表");$("#product a").eq(1).text("产品I2C表格");$("#product a").eq(2).text("产品比较说明");$("#product a").eq(0).attr("href","#/zh_CN/");$("#arduino").text("Arduino");$("#arduino").attr("href","#/zh_CN/arduino/arduino_home_page");$("#cases").text("案例");$("#cases").attr("href","#/zh_CN/case");$("#faq").text("常见问题");$("#faq").attr("href","#/zh_CN/faq");$("#uiflow").attr("href","#/zh_CN/uiflow/uiflow_home_page");$("#aws").attr("href","#/zh_CN/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows");$("#platform span").text("开发平台");$("#language span").text("切换语言");}
-    if(language=="ja"){$("#product span").text("製品");$("#product a").eq(0).text("製品リスト");$("#product a").eq(1).text("製品I2Cフォーム");$("#product a").eq(2).text("製品比較手順");$("#product a").eq(0).attr("href","#/ja/");$("#arduino").text("Arduino");$("#arduino").attr("href","#/ja/arduino/arduino_home_page");$("#cases").text("事例");$("#cases").attr("href","#/ja/case");$("#faq").text("問題");$("#faq").attr("href","#/ja/faq");$("#uiflow").attr("href","#/ja/uiflow/uiflow_home_page");$("#platform span").text("開発");$("#language span").text("言語選択");}}
-    function language(language){var test=window.location.href;if((test.indexOf(/en/)==-1)&&(test.indexOf(/zh_CN/)==-1)&&(test.indexOf(/ja/)==-1)){var test2=test.concat("",language+"/");window.location.href=test2;change_title(language);}
-    if(test.indexOf(/en/)!=-1){var test2=test.replace(/en/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/zh_CN/)!=-1){var test2=test.replace(/zh_CN/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/ja/)!=-1){var test2=test.replace(/ja/,language);window.location.href=test2;change_title(language);}}
-    function page_loading(){var test=window.location.href;if((test.indexOf(/en/)==-1)&&(test.indexOf(/zh_CN/)==-1)&&(test.indexOf(/ja/)==-1)){change_title('en');}
-    if(test.indexOf(/en/)!=-1){change_title('en');}
-    if(test.indexOf(/zh_CN/)!=-1){change_title('zh_CN');}
-    if(test.indexOf(/ja/)!=-1){change_title('ja');}}
-    function page_move(divId){var t=$("#"+divId).offset().top;$('html, body').animate({scrollTop:(t-100)},500);}
-    window.onhashchange=page_loading
-    page_loading();</script><script src="./assets/js/docify.min.js"></script><script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2.1.0/dist/docsify-copy-code.min.js"></script><script src="https://cdn.jsdelivr.net/npm/docsify@4.10.2/lib/plugins/external-script.min.js"></script><script src="https://cdn.jsdelivr.net/npm/docsify@4.10.2/lib/plugins/zoom-image.min.js"></script></body><!--Global site tag(gtag.js)-Google Analytics--><script async src="https://www.googletagmanager.com/gtag/js?id=UA-138139529-2"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
-    gtag('js',new Date());gtag('config','UA-138139529-2');</script><script>var description_icon='<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M48.375,16.125c-8.83935,0 -16.125,7.28565 -16.125,16.125v96.75c0,8.83935 7.28565,16.125 16.125,16.125v-10.75c-3.04443,0 -5.375,-2.33057 -5.375,-5.375c0,-3.04443 2.33057,-5.375 5.375,-5.375h80.625v10.75h-37.625v10.75h48.375v-129zM48.375,26.875h80.625v86h-80.625c-1.88965,0 -3.67432,0.39893 -5.375,1.00781v-81.63281c0,-3.04443 2.33057,-5.375 5.375,-5.375zM59.125,37.625v10.75h10.75v-10.75zM59.125,64.5v10.75h10.75v-10.75zM59.125,91.375v10.75h10.75v-10.75zM59.125,129v26.875l10.75,-10.75l10.75,10.75v-26.875z"></path></g></g></svg>';var purchase_icon='<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M29.24,25.8c-1.88947,0 -3.44,1.55053 -3.44,3.44v1.72c0,1.88947 1.55053,3.44 3.44,3.44h8.19352l0.79281,0.39641c3.59136,1.79568 6.03986,5.24468 6.55414,9.2282l1.6461,12.73539h0.01344c-0.0003,0.07412 0.00419,0.14818 0.01344,0.22172l6.88,53.32c0.11687,0.89956 0.91221,1.55377 1.81742,1.49492l1.25305,-0.08062c-2.98106,2.84847 -4.80391,6.84391 -4.80391,11.18672v2.65727c0.00009,0.94989 0.77011,1.71991 1.72,1.72h12.04v2.49937c-3.02346,1.32971 -5.16,4.30994 -5.16,7.82063c0,4.7391 3.8609,8.6 8.6,8.6c4.7391,0 8.6,-3.8609 8.6,-8.6c0,-1.69475 -0.52608,-3.25433 -1.37063,-4.57883c0.73366,-1.53399 1.22161,-3.42854 1.32359,-5.74117h36.16703v2.49937c-3.02346,1.32971 -5.16,4.30994 -5.16,7.82063c0,4.7391 3.8609,8.6 8.6,8.6c4.7391,0 8.6,-3.8609 8.6,-8.6c0,-1.69475 -0.52608,-3.25433 -1.37063,-4.57883c0.73366,-1.53399 1.22161,-3.42854 1.32359,-5.74117h3.48703c0.62029,0.00877 1.19726,-0.31713 1.50997,-0.8529c0.31271,-0.53578 0.31271,-1.19842 0,-1.7342c-0.31271,-0.53578 -0.88967,-0.86167 -1.50997,-0.8529h-73.96v-0.93727c0,-5.57453 3.80573,-10.39725 9.21812,-11.7007l70.01273,-4.56539c0.76886,-0.04927 1.41119,-0.60376 1.57219,-1.35719l10.32,-48.16c0.10849,-0.50796 -0.01836,-1.03774 -0.34514,-1.44149c-0.32678,-0.40374 -0.81849,-0.63821 -1.33791,-0.63797h-70.52v-11.02547c0,-8.21626 -6.46265,-15.02732 -14.66703,-15.45985l-19.64227,-1.03133c-0.0302,-0.00192 -0.06044,-0.00304 -0.0907,-0.00336v-0.86c-0.00005,-0.47495 -0.38505,-0.85995 -0.86,-0.86zM29.24,27.52h8.6v1.58563c-0.00773,0.0939 -0.00773,0.18828 0,0.28219v3.29219h-8.6c-0.95885,0 -1.72,-0.76115 -1.72,-1.72v-1.72c0,-0.95885 0.76115,-1.72 1.72,-1.72zM39.56,30.96l19.55156,1.03133c6.41224,0.33804 11.40844,5.60227 11.40844,12.0232v11.02547h-20.84828l-1.47813,-11.45547c-0.66048,-5.12044 -3.81383,-9.55707 -8.43203,-11.86531l-0.20156,-0.10078zM50.11852,58.48h21.83258c0.18575,0.0307 0.37527,0.0307 0.56102,0h69.83805l-9.60109,44.80734l-76.21078,4.97187zM96.29313,68.77648c-0.94861,0.01483 -1.70612,0.79488 -1.69313,1.74352v10.32h-10.32c-0.62029,-0.00877 -1.19726,0.31713 -1.50997,0.8529c-0.31271,0.53578 -0.31271,1.19842 0,1.7342c0.31271,0.53578 0.88967,0.86167 1.50997,0.8529h10.32v10.32c-0.00877,0.62029 0.31713,1.19726 0.8529,1.50997c0.53578,0.31271 1.19842,0.31271 1.7342,0c0.53578,-0.31271 0.86167,-0.88967 0.8529,-1.50997v-10.32h10.32c0.62029,0.00877 1.19726,-0.31713 1.50997,-0.8529c0.31271,-0.53578 0.31271,-1.19842 0,-1.7342c-0.31271,-0.53578 -0.88967,-0.86167 -1.50997,-0.8529h-10.32v-10.32c0.00637,-0.46492 -0.17574,-0.91261 -0.50484,-1.24107c-0.32909,-0.32846 -0.77713,-0.50971 -1.24204,-0.50245zM67.08,127.28h8.55297c-0.09685,2.15157 -0.53194,3.83695 -1.1825,5.15664c-0.15026,0.14376 -0.24335,0.3371 -0.26203,0.54422c-0.88664,1.54386 -2.06407,2.54471 -3.2418,3.23172c-1.67656,0.978 -3.03367,1.19799 -3.86664,1.28328v-7.0043c0.02033,-0.10654 0.02033,-0.21596 0,-0.3225zM115.24,127.28h8.55297c-0.09685,2.15157 -0.53194,3.83695 -1.1825,5.15664c-0.15026,0.14376 -0.24335,0.3371 -0.26203,0.54422c-0.88664,1.54386 -2.06407,2.54471 -3.2418,3.23172c-1.67656,0.978 -3.03367,1.19799 -3.86664,1.28328v-7.0043c0.02033,-0.10654 0.02033,-0.21596 0,-0.3225zM65.36,131.69086v6.76914c0.00005,0.47495 0.38505,0.85995 0.86,0.86c0,0 2.79782,0.00808 5.59336,-1.62258c1.13831,-0.66401 2.26622,-1.63862 3.21492,-2.95961c0.40867,0.87268 0.65172,1.83406 0.65172,2.86219c0,3.8093 -3.0707,6.88 -6.88,6.88c-3.8093,0 -6.88,-3.0707 -6.88,-6.88c0,-2.54306 1.38955,-4.72421 3.44,-5.90914zM113.52,131.69086v6.76914c0.00005,0.47495 0.38505,0.85995 0.86,0.86c0,0 2.79782,0.00808 5.59336,-1.62258c1.13831,-0.66401 2.26622,-1.63862 3.21492,-2.95961c0.40867,0.87268 0.65172,1.83406 0.65172,2.86219c0,3.8093 -3.0707,6.88 -6.88,6.88c-3.8093,0 -6.88,-3.0707 -6.88,-6.88c0,-2.54306 1.38955,-4.72421 3.44,-5.90914z"></path></g></g></svg>';var example_icon='<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M95.54272,44.36212c-1.8592,-0.07349 -3.56356,1.19205 -4.03387,3.0733l-18.8125,75.25c-0.5375,2.15 0.80782,4.29948 2.95782,4.83698c0.26875,0.13437 0.67083,0.13385 0.93958,0.13385c1.74688,0 3.49428,-1.21042 3.8974,-3.09167l18.8125,-75.25c0.5375,-2.15 -0.80782,-4.29948 -2.95782,-4.83698c-0.26875,-0.06719 -0.5375,-0.10498 -0.8031,-0.11548zM118.33398,64.36615c-1.02461,0.03359 -2.03242,0.47031 -2.77148,1.34375c-1.47812,1.6125 -1.47917,4.16457 0.2677,5.6427l15.5896,14.6474l-15.72345,14.6474c-1.6125,1.47812 -1.74582,4.0302 -0.2677,5.6427c0.80625,0.80625 1.8802,1.34375 2.9552,1.34375c0.94063,0 2.01563,-0.40155 2.6875,-1.07343l18.94635,-17.60522c0.80625,-0.80625 1.34375,-1.8802 1.34375,-2.9552c0,-1.075 -0.40312,-2.14895 -1.34375,-2.9552l-18.8125,-17.60522c-0.80625,-0.73906 -1.84661,-1.10702 -2.87122,-1.07343zM53.79987,64.41602c-1.02461,-0.05039 -2.06496,0.2845 -2.87121,1.02356l-19.08282,17.60522c-0.80625,0.80625 -1.34375,1.8802 -1.34375,2.9552c0,1.075 0.40312,2.14895 1.34375,2.9552l18.94897,17.60522c0.80625,0.67188 1.74687,1.07343 2.6875,1.07343c1.075,0 2.14895,-0.40312 2.9552,-1.34375c1.47812,-1.6125 1.47917,-4.16457 -0.2677,-5.6427l-15.5896,-14.6474l15.72345,-14.6474c1.6125,-1.47813 1.74582,-4.0302 0.2677,-5.6427c-0.73906,-0.80625 -1.74688,-1.24349 -2.77148,-1.29388z"></path></g></g></svg>';var video_icon='<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="26" height="26"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M28.66667,21.5c-7.83362,0 -14.33333,6.49972 -14.33333,14.33333v100.33333c0,7.83362 6.49972,14.33333 14.33333,14.33333h114.66667c7.83362,0 14.33333,-6.49972 14.33333,-14.33333v-100.33333c0,-7.83362 -6.49972,-14.33333 -14.33333,-14.33333zM28.66667,35.83333h114.66667v100.33333h-114.66667zM64.5,57.33333v57.33333l50.16667,-28.66667z"></path></g></g></svg>';var quickstart_icon='<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M55.9,21.5c-9.47383,0 -17.2,7.72617 -17.2,17.2c0,9.47383 7.72617,17.2 17.2,17.2c9.47383,0 17.2,-7.72617 17.2,-17.2c0,-9.47383 -7.72617,-17.2 -17.2,-17.2zM55.9,25.8c7.14994,0 12.9,5.75006 12.9,12.9c0,7.14994 -5.75006,12.9 -12.9,12.9c-7.14994,0 -12.9,-5.75006 -12.9,-12.9c0,-7.14994 5.75006,-12.9 12.9,-12.9zM74.49834,27.95c0.7826,1.3502 1.43754,2.78425 1.91484,4.3h69.78682v83.85h-64.5v4.3h66.65h2.15h1.075c1.80775,0 3.225,1.41725 3.225,3.225c0,1.80775 -1.41725,3.225 -3.225,3.225h-69.875v4.3h69.875c3.36971,0 6.1375,-2.30011 7.08408,-5.375h0.44092v-2.15c0,-4.13055 -3.39445,-7.525 -7.525,-7.525h-1.075v-88.15zM36.55,62.35c-8.28682,0 -15.05,6.76318 -15.05,15.05v45.15c0,4.72427 3.87573,8.6 8.6,8.6c1.59671,0 3.01402,-0.56257 4.3,-1.33115v16.38115c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-23.65h-4.3c0,2.40083 -1.89917,4.3 -4.3,4.3c-2.40083,0 -4.3,-1.89917 -4.3,-4.3v-45.15c0,-5.96338 4.78662,-10.75 10.75,-10.75h7.56699c0.9851,1.66974 4.10262,6.45 10.70801,6.45c6.60538,0 9.72291,-4.78026 10.70801,-6.45h9.71699c1.20533,0 2.27255,0.48763 3.05703,1.28076l0.0042,0.0042l16.28457,16.28877l14.16397,-14.16396c0.78097,-0.78118 1.84167,-1.25977 3.04023,-1.25977c2.40083,0 4.3,1.89917 4.3,4.3c0,1.20141 -0.48033,2.26224 -1.25977,3.04023l-17.2,17.2l-0.0042,0.0042c-0.78038,0.77988 -1.83663,1.25557 -3.03603,1.25557c-1.19856,0 -2.25893,-0.4799 -3.04023,-1.25977l-1.52012,-1.51592l-16.93965,-16.93965v71.31533c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-60.93486l11.11953,11.11953l1.52012,1.52012l0.29814,-0.29814c1.27793,0.74804 2.68473,1.29336 4.26221,1.29336c1.9608,0 3.69995,-0.77807 5.15244,-1.89385h0.30234l0.62988,-0.62988l17.1958,-17.1958c1.55547,-1.5526 2.51953,-3.71718 2.51953,-6.08047c0,-4.72427 -3.87573,-8.6 -8.6,-8.6c-2.36184,0 -4.52665,0.96571 -6.08047,2.51953l-11.11953,11.11953l-13.23594,-13.23174l-0.0084,-0.0084c-1.55418,-1.56706 -3.72898,-2.54893 -6.10566,-2.54893h-12.06016l-0.60049,1.16318c0,0 -2.88477,5.28682 -7.76436,5.28682c-4.87958,0 -7.76436,-5.28682 -7.76436,-5.28682l-0.60049,-1.16318zM36.55,79.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,88.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,96.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,105.35c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,113.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM51.6,133.51416c-1.18736,0.00012 -2.14988,0.96264 -2.15,2.15v10.53584c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-8.38584h4.3v8.38584c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-10.53584c-0.00012,-1.18736 -0.96264,-2.14988 -2.15,-2.15z"></path></g></g></svg>';var schematic_icon='<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M24.08,13.76c-5.6587,0 -10.32,4.6613 -10.32,10.32v124.26328c0,5.6587 4.6613,10.32 10.32,10.32l83.78953,0.00672c20.34033,0 36.30812,0.00672 36.30812,0.00672c1.38087,-0.00027 2.62777,-0.82614 3.16677,-2.09747c0.539,-1.27133 0.26563,-2.74174 -0.69427,-3.73441l-21.3589,-22.09797c-0.94374,-0.98011 -2.37645,-1.31195 -3.655,-0.84656c-2.14994,0.78329 -4.54083,1.04775 -7.10172,0.61812c-5.59577,-0.94347 -10.2628,-5.67013 -11.15313,-11.28078c-1.50606,-9.50383 6.31664,-17.34356 15.81594,-15.86297c5.62425,0.87675 10.3653,5.54817 11.31437,11.15313c0.43388,2.55567 0.16976,4.95989 -0.6114,7.12187c-0.45229,1.2552 -0.13806,2.65872 0.80625,3.60125c-0.18191,-0.18191 0.37081,0.3843 0.98094,1.01453c0.61013,0.63024 1.46347,1.50959 2.47922,2.55985c2.03151,2.10051 4.70979,4.87308 7.37719,7.6325c5.3348,5.51883 10.62906,10.99187 10.62906,10.99187c0.97389,1.00629 2.46055,1.32185 3.75925,0.79795c1.2987,-0.52391 2.15024,-1.78272 2.15325,-3.1831l-0.00672,-120.97781c0,-5.65694 -4.65923,-10.32 -10.32,-10.32l-44.71328,-0.00672c-0.91558,0.00017 -1.79332,0.36529 -2.4389,1.01453l-31.82672,31.98125c-0.94196,0.944 -1.25352,2.34733 -0.79953,3.60125c0.78185,2.15352 1.04329,4.55468 0.6114,7.11515c-0.94627,5.59901 -5.67999,10.26452 -11.29422,11.14641c-9.49769,1.49477 -17.32341,-6.32218 -15.84281,-15.81594c0.87658,-5.62044 5.54923,-10.36548 11.15313,-11.31437c2.55567,-0.43388 4.95804,-0.16901 7.11515,0.6114c1.25069,0.45283 2.65037,0.14412 3.59453,-0.79281c0.31362,-0.31039 1.48818,-1.50102 3.52063,-3.5475c2.03244,-2.04647 4.70919,-4.74381 7.37719,-7.43094c5.33598,-5.37425 10.62906,-10.70297 10.62906,-10.70297c0.97933,-0.98543 1.26985,-2.46318 0.73644,-3.74601c-0.53341,-1.28283 -1.78604,-2.11892 -3.17534,-2.11946zM24.08,20.64h50.0614c-1.91034,1.92421 -2.39719,2.41347 -4.81062,4.84422c-2.66788,2.68701 -5.34517,5.38489 -7.37719,7.43094c-1.44334,1.4533 -1.93756,1.94766 -2.4725,2.48594c-2.58438,-0.58567 -5.20492,-1.17704 -8.02219,-0.69875c-8.61707,1.4591 -15.45794,8.41071 -16.80359,17.03875c-2.15892,13.8432 9.86431,25.85602 23.71047,23.67687c8.62049,-1.35411 15.55703,-8.1954 17.01187,-16.8036c0.47532,-2.81794 -0.1162,-5.44039 -0.70547,-8.0289l29.80438,-29.94547l43.28219,0.00672c1.94163,0 3.44,1.50142 3.44,3.44l0.00672,112.46515c-1.89186,-1.95743 -2.34978,-2.42939 -4.71656,-4.87781c-2.66761,-2.75963 -5.34487,-5.53116 -7.37719,-7.6325c-1.01616,-1.05067 -1.86757,-1.93476 -2.47922,-2.56656c-0.02305,-0.02374 -0.01857,-0.01788 -0.04031,-0.04031c0.59199,-2.59466 1.18578,-5.2266 0.70547,-8.05578c-1.45892,-8.616 -8.40764,-15.4581 -17.03875,-16.80359c-13.85142,-2.15893 -25.86554,9.88357 -23.67015,23.73734c1.36632,8.61031 8.19904,15.53424 16.8036,16.985c0,0.00224 0,0.00448 0,0.00672c2.79576,0.46903 5.40609,-0.12425 7.98187,-0.70547l14.70063,15.19781c-5.08725,-0.00093 -12.40369,-0.00672 -28.20531,-0.00672l-83.78953,-0.00672c-1.9437,0 -3.44,-1.4963 -3.44,-3.44v-124.26328c0,-1.9437 1.4963,-3.44 3.44,-3.44zM116.96,34.4c-11.35759,0 -20.64,9.28241 -20.64,20.64c0,1.61882 0.45595,3.11778 0.81297,4.64265l-37.45031,37.45031c-1.52359,-0.35865 -3.01764,-0.81297 -4.64265,-0.81297c-11.35759,0 -20.64,9.28241 -20.64,20.64c0,11.35759 9.28241,20.64 20.64,20.64c11.35759,0 20.64,-9.28241 20.64,-20.64c0,-1.62273 -0.45685,-3.11587 -0.81297,-4.63594l37.45031,-37.45031c1.52244,0.35492 3.01449,0.80625 4.64265,0.80625c11.35759,0 20.64,-9.28241 20.64,-20.64c0,-11.35759 -9.28241,-20.64 -20.64,-20.64zM116.96,41.28c7.63809,0 13.76,6.12191 13.76,13.76c0,7.63809 -6.12191,13.76 -13.76,13.76c-1.65444,0 -3.23325,-0.28659 -4.70985,-0.81297c-1.24933,-0.44371 -2.64246,-0.13006 -3.58109,0.80625l-39.8825,39.8825c-0.94431,0.94253 -1.25854,2.34605 -0.80625,3.60125c0.52776,1.45959 0.81969,3.02852 0.81969,4.68297c0,7.63809 -6.12191,13.76 -13.76,13.76c-7.63809,0 -13.76,-6.12191 -13.76,-13.76c0,-7.63809 6.12191,-13.76 13.76,-13.76c1.65444,0 3.22658,0.29034 4.68297,0.81969c1.25392,0.45399 2.65725,0.14243 3.60125,-0.79953l39.88922,-39.88922c0.94431,-0.94253 1.25854,-2.34605 0.80625,-3.60125c-0.53081,-1.46867 -0.81969,-3.03963 -0.81969,-4.68969c0,-7.63809 6.12191,-13.76 13.76,-13.76zM55.04,48.16c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88zM116.96,48.16c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88zM55.04,110.08c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88zM116.96,110.08c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88z"></path></g></g></svg>';var icon_list={"EASYLOADER":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/EASYLOADER_ICON.png","CORE":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/CORE_ICON.png","MODULE":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/MODULE_ICON.png","BASE":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/BASE_ICON.png","UNIT":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/UNIT_ICON.png","HAT":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/HAT_ICON.png","APPLICATION":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/APPLICATION_ICON.png","ACCESSORY":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/ACCESSORY_ICON.png","ALUMINIUM":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/ALUMINIUM_ICON.png"};var Label1='<a onclick="page_move(\'here is the anchor_id\')">';var Label2='<span style="padding: 8px 0px;">here is the anchor_name</span></a>';function anchor_create(anchor_name,anchor_id){var Part_A=Label1.replace(/here is the anchor_id/,anchor_id);var Part_B=Label2.replace(/here is the anchor_name/,anchor_name);if((anchor_name=="DESCRIPTION")||(anchor_name=="描述")){$(".anchor-box").append(Part_A+description_icon+Part_B);}
-    else if((anchor_name=="EXAMPLE")||(anchor_name=="案例程序")){$(".anchor-box").append(Part_A+example_icon+Part_B);}
-    else if((anchor_name=="SCHEMATIC")||(anchor_name=="原理图")){$(".anchor-box").append(Part_A+schematic_icon+Part_B);}
-    else if((anchor_name=="VIDEO")||(anchor_name=="相关视频")){$(".anchor-box").append(Part_A+video_icon+Part_B);}
-    else if((anchor_name=="QUICK START")||(anchor_name=="快速上手")){$(".anchor-box").append(Part_A+quickstart_icon+Part_B);}
-    else if(icon_list.hasOwnProperty(anchor_name)){$(".anchor-box").append(Part_A+"<img src="+icon_list[anchor_name]+">"+Part_B);}}
-    function anchor_search(purchase_link="none",quickstart_link="none"){var page_url=window.location.href;if((page_url.slice(-4)=="/en/")||(page_url.slice(-7)=="/zh_CN/")||(page_url.slice(-3)=="/#/")){$("#search_note").eq(0).after("<div class='anchor-box'></div>");var anchor_list=$(".product_page > div:gt(1)");for(var i=0;i<anchor_list.length;i++){anchor_create(anchor_list[i].id.toUpperCase(),anchor_list[i].id);}}
-    else{$("h2").eq(0).before("<div class='anchor-box'></div>");var anchor_list=$("#main h2");for(var i=0;i<anchor_list.length;i++){anchor_create(anchor_list[i].id.toUpperCase(),anchor_list[i].id);if(page_url.indexOf(/zh_CN/)!=-1){var purchase_name="购买链接"
-    var quickstart_name="快速上手"}
-    else{var purchase_name="Purchase"
-    var quickstart_name="Quick Start"}}
-    if(purchase_link!="none"){$(".anchor-box").append('<a href='+purchase_link+' onclick="select(this)" target="view_window">'+purchase_icon+'<span style="padding: 8px 0px;">'+purchase_name+'</span>'+'</a>');}
-    if(quickstart_link!="none"){$(".anchor-box").append('<a href='+quickstart_link+' onclick="select(this)" target="view_window">'+quickstart_icon+'<span style="padding: 8px 0px;">'+quickstart_name+'</span>'+'</a>');}}}
-    function anchor_scroll(anchor_name,anchor_id,anchor_length){var offset=$("#"+anchor_id).offset().top+$("#"+anchor_id).height()-$(window).scrollTop();if((offset>100)&&(offset<($("#"+anchor_id).height()+700))){for(var i=0;i<anchor_length;i++){if(anchor_name==$(".anchor-box span").eq(i).html()){$(".anchor-box a").addClass("anchor-quiet");$(".anchor-box a").eq(i).removeClass("anchor-quiet");$(".anchor-box a").eq(i).addClass("anchor-active");return true}}}}
-    var scrollFunc=function(e){e=e||window.event;var page_url=window.location.href;if((page_url.slice(-4)=="/en/")||(page_url.slice(-7)=="/zh_CN/")||(page_url.slice(-3)=="/#/")){var anchor_list=$(".product_page > div:gt(1)");}
-    else{var anchor_list=$("#main h2");}
-    for(var i=0;i<anchor_list.length;i++){if(anchor_scroll(anchor_list[i].id.toUpperCase(),anchor_list[i].id,anchor_list.length))break;}}
-    scrollFunc();if(document.attachEvent){document.attachEvent('onmousewheel',scrollFunc);}
-    if(document.addEventListener){document.addEventListener('DOMMouseScroll',scrollFunc,false);}
-    window.onscroll=scrollFunc;</script></html>
\ No newline at end of file
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
+    <meta name="description" content="M5Stack Documentations - Modular Rapid Product Development Toolkit, based on ESP32. ESP32 is a series of low cost, low power system on a chip microcontrollers with integrated Wi-Fi and dual-mode Bluetooth.">
+    <meta name="google-site-verification" content="sYDlVf68aDW21U32H46j1P4YDSimljEGHBEMi4JRxQ8" />
+    <title>M5Stack - A series of modular stackable development devices</title>
+    <link rel="icon" href="assets/img/favicon.ico">
+    <!-- Stylesheets -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0.7.2/dist/css/theme-simple.css" title="Simple">
+
+    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
+
+    <link rel="stylesheet" href="assets/css/main-min.css">
+
+    <script>
+        var _LoadingHtml = '<div id="loading"><div class="loading-flex"><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div></div></div>';
+        document.write(_LoadingHtml);
+
+        //监听加载状态改变
+        document.onreadystatechange = completeLoading;
+        //加载状态为complete时隐藏loading效果
+        function completeLoading() {
+            if (document.readyState == "complete") {
+                var loadingMask = document.getElementById('loading');  
+                loadingMask.style.display = 'none';
+                // loadingMask.parentNode.removeChild(loadingMask);  
+            }
+        }
+        window.addEventListener('hashchange', function(event) {
+            var loadingMask = document.getElementById('loading');
+            let url = window.location.href.split('#')[1];
+            if (url.length < 2 || url == '/zh_CN/' || url == '/en/') {
+
+            }else if(url.indexOf("?id=") < 0 ){
+                loadingMask.style.display = 'block'; 
+            }
+        })
+    </Script>
+
+    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
+
+    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
+
+    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
+
+</head>
+
+<body>
+    <div class="btn-toggle"></div>
+    <div class="search">
+            <form action="" method="get" accept-charset="utf-8">
+                <input type="text" placeholder="Search" oninput="onEnter(event)">
+                <a id="search_button" class="search-btn" style="width: 20px;height: 20px;color: #007bff" onclick="mode_search()"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" role="img" viewBox="0 0 24 24" focusable="false"><title>Search</title><circle cx="10.5" cy="10.5" r="7.5"></circle><path d="M21 21l-5.2-5.2"></path></svg></a>
+            </form>
+    </div>
+    <div class="d-flex a flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
+        <h5 class="my-0 mr-md-auto font-weight-normal">
+            <a href="https://m5stack.com/"><img src="//cdn.shopify.com/s/files/1/0056/7689/2250/files/LOGO_70x.jpg?v=1563273356" style="margin-right:30px;margin-top:-5px" width="52"></a><span style="position: relative; top: 5px;">M5Stack Docs</span></h5>
+        <nav class="my-2 my-md-0 mr-md-3">
+            <div id="product" class="p-2 dropdown"><span>Product</span>
+                <div>
+                    <a class="dropdown-item" href="#/en/uiflow/uiflow_home_page">Product List</a>
+                    <a class="dropdown-item" href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/I2C_Address.pdf" target="view_window">I2C Address Table</a>
+                    <a class="dropdown-item" href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/Product_compared.pdf" target="view_window">Product Comparison</a>
+                </div> 
+            </div>
+            <div id="platform" class="p-2 dropdown"><span>Platform</span> 
+                <div>
+                    <a id="uiflow" class="dropdown-item" href="#/en/uiflow/uiflow_home_page">UIFlow</a>
+                    <a id="arduino" class="dropdown-item" href="#/en/arduino/arduino_home_page">Arduino</a>
+                    <a class="dropdown-item" href="https://github.com/m5stack/UIFlow-Code">MicroPython</a>
+                    <a id="aws" class="dropdown-item" href="#/en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows">AWS-FreeRTOS</a>
+                </div>
+            </div>
+            <a id="cases" class="p-2 dropdown" href="#/en/case">Cases</a>
+            <a id="faq" class="p-2 dropdown" href="#/en/faq">FAQ</a>
+            <div id="language" class="p-2 dropdown" style="margin-right: 40px;">
+                <span>Language</span>
+                <div style="left: -45px;">
+                    <a class="dropdown-item" onclick="language('en')">English</a>
+                    <a class="dropdown-item" onclick="language('zh_CN')">中文</a>
+                    <!-- <a class="dropdown-item" onclick="language('ja')">日本語</a> -->
+                </div>
+            </div>
+        </nav>  
+    </div>
+    <div class="related_links">
+        <a href="https://twitter.com/M5Stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/twitter.jpg"></a>
+        <a href="https://www.facebook.com/M5Stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/facebook.jpg"></a>
+        <a href="https://www.youtube.com/m5stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/youtube.jpg"></a>
+        <a href="https://github.com/m5stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/github.jpg"></a>
+        <div href="https://github.com/m5stack" target="view_window" onclick="(function(){$('html, body').animate({scrollTop: 0}, 500);})()"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/to-top.jpg"></div>
+    </div>
+    <div id="app">loading...</div>
+    <!-- <div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/back_top.png" class="back_top" onclick="(function(){$('html, body').animate({scrollTop: 0}, 500);})()"></div> -->
+    <script>
+        window.$docsify = {
+            // GENERAL
+            // -----------------------------------------------------------------
+            name: 'M5Stack docs',
+            // repo: 'https://github.com/m5stack/m5-docs',
+            homepage: 'index.md',
+            // loadNavbar: 'navbar.md',
+            // loadSidebar: 'sidebar.md',
+            autoHeader: true,
+            mergeNavbar: true, // for mobile device
+            nameLink: {
+                '/en/': '#/en/',
+                '/zh_CN/': '#/zh_CN/',
+                '/ja/': '#/ja/',
+                '/': '/'
+            },
+            // NAVIGATION
+            // -----------------------------------------------------------------
+            alias: { //重定向
+                '/en/sidebar.md': '/sidebar.md',
+                '/en/.*/sidebar.md': '/sidebar.md',
+                '/zh_CN/.*/sidebar.md': '/zh_CN/sidebar.md',
+                '/ja/.*/sidebar.md': '/ja/sidebar.md',
+                '/.*/navbar.md': '/navbar.md',
+                '/en/': '/',
+            },
+            auto2top: true,
+            mergeNavbar: true,
+            maxLevel: 4,
+            subMaxLevel: 3,
+            basePath: '/',
+            formatUpdated: '{MM}/{DD} {HH}:{mm}',
+            executeScript: true,
+            ga: 'UA-131246469-2'
+        };
+    </script>
+    <!-- <script>
+        if (typeof navigator.serviceWorker !== 'undefined') {
+            navigator.serviceWorker.register('sw.js')
+        }
+    </script> -->
+    <script>
+        function product_search(onEnter_content){
+            $("#search_note").css("display","block");
+            var p = $(".item p");
+            for (var i=0; i<p.length; i++ ) {
+                if(p[i].textContent.toLocaleLowerCase().indexOf(onEnter_content) != -1){
+                    $(".item").eq(i).css("display","inline-block");
+                    $(".item").eq(i).parent().children("p").css("display","block");
+                    $(".item").eq(i).parent().next("hr").css("display","block");
+                    $("#search_note").css("display","none");
+                }
+                else{   
+                    $(".item").eq(i).css("display","none");
+                    $(".item").parent().children("p").css("display","none");
+                    $(".item").eq(i).parent().next("hr").css("display","none");
+                }
+            }
+        }
+
+        function faq_search(onEnter_content){
+            $(".search-tips").css("display","block");
+            $(".faq-class").css("display","none");
+            var faq_title = $(".faq-item h5");
+            for (var i=0; i<faq_title.length; i++ ) {
+                if(faq_title[i].textContent.toLocaleLowerCase().indexOf(onEnter_content) != -1){
+                    $(".faq-item").eq(i).css("display","block");
+                    $(".search-tips").css("display","none");
+                    $(".faq-item").eq(i).prev(".faq-class").css("display","block");
+                }
+                else{
+                    $(".faq-item").eq(i).css("display","none");
+                }
+            }   
+        }
+
+        function onEnter(event){
+            timer = setTimeout(function () {
+                var onEnter_content = event.target.value.toLowerCase();
+                select_search_page(onEnter_content);
+                clearTimeout(timer);
+                timer = null;
+                    }, 250); 
+        }
+
+        function select_search_page(onEnter_content){
+            link = window.location.href;
+            if(((link.slice(-4) == "/en/")||(link.slice(-7)== "/zh_CN/"))||((link.indexOf(/en/) == -1) && (link.indexOf(/zh_CN/) == -1))){   
+                product_search(onEnter_content);
+                }
+            if(link.slice(-4) == "/faq"){
+                faq_search(onEnter_content);
+            }
+        }
+        var Input = $('form input');
+            Input.focusin(function (){
+            Input.animate({width:300});
+        });
+        
+            Input.focusout(function (){
+            Input.animate({width:240});
+        })
+        
+        function select(event){
+            
+            var s = event.textContent.toLowerCase();
+            $("#thetarget").removeClass("show");
+            $(".btn-group-vertical button").addClass("btn-light");
+            $(event).removeClass("btn-light");
+            $(event).addClass("btn-primary");
+            page_move(s);
+        }
+
+        $(document).ready(function() {
+            $(".btn-toggle").on('click', function() {
+                $(".btn-toggle").toggleClass('open');
+                $(".d-flex").toggleClass('open');
+            });
+        });
+
+        function change_title(language) {
+            if (language == "en") {
+                $("#product span").text("Product");
+                $("#product a").eq(0).text("Product List");
+                $("#product a").eq(1).text("I2C Address Table");
+                $("#product a").eq(2).text("Product Comparison");
+                $("#product a").eq(0).attr("href", "#");
+                $("#arduino").text("Arduino");
+                $("#arduino").attr("href", "#/en/arduino/arduino_home_page");
+                $("#cases").text("Cases");
+                $("#cases").attr("href", "#/en/case");
+                $("#faq").text("FAQ");
+                $("#faq").attr("href", "#/en/faq");
+                $("#uiflow").attr("href", "#/en/uiflow/uiflow_home_page");
+                $("#aws").attr("href", "#/en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows");
+                $("#platform span").text("Platform");
+                $("#language span").text("Language");
+            } 
+            if(language == "zh_CN"){
+                $("#product span").text("产品");
+                $("#product a").eq(0).text("产品列表");
+                $("#product a").eq(1).text("产品I2C表格");
+                $("#product a").eq(2).text("产品比较说明");
+                $("#product a").eq(0).attr("href", "#/zh_CN/");
+                $("#arduino").text("Arduino");
+                $("#arduino").attr("href", "#/zh_CN/arduino/arduino_home_page");
+                $("#cases").text("案例");
+                $("#cases").attr("href", "#/zh_CN/case");
+                $("#faq").text("常见问题");
+                $("#faq").attr("href", "#/zh_CN/faq");
+                $("#uiflow").attr("href", "#/zh_CN/uiflow/uiflow_home_page");
+                $("#aws").attr("href", "#/zh_CN/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows");
+                $("#platform span").text("开发平台");
+                $("#language span").text("切换语言");
+            }
+            if(language == "ja"){
+                $("#product span").text("製品");
+                $("#product a").eq(0).text("製品リスト");
+                $("#product a").eq(1).text("製品I2Cフォーム");
+                $("#product a").eq(2).text("製品比較手順");
+                $("#product a").eq(0).attr("href", "#/ja/");
+                $("#arduino").text("Arduino");
+                $("#arduino").attr("href", "#/ja/arduino/arduino_home_page");
+                $("#cases").text("事例");
+                $("#cases").attr("href", "#/ja/case");
+                $("#faq").text("問題");
+                $("#faq").attr("href", "#/ja/faq");
+                $("#uiflow").attr("href", "#/ja/uiflow/uiflow_home_page");
+                $("#platform span").text("開発");
+                $("#language span").text("言語選択");
+            }
+        }
+        function language(language) {
+            var test = window.location.href;
+            if ((test.indexOf(/en/) == -1) && (test.indexOf(/zh_CN/) == -1) && (test.indexOf(/ja/) == -1)) {
+                var test2 = test.concat("", language+"/");
+                window.location.href = test2;
+                change_title(language);
+
+            } 
+            if (test.indexOf(/en/) != -1) {
+                var test2 = test.replace(/en/, language);
+                window.location.href = test2;
+                change_title(language);
+
+            }else if(test.indexOf(/zh_CN/) != -1){
+                var test2 = test.replace(/zh_CN/, language);
+                window.location.href = test2;
+                change_title(language);
+            }else if(test.indexOf(/ja/) != -1){
+                var test2 = test.replace(/ja/, language);
+                window.location.href = test2;
+                change_title(language);
+            }
+            
+        }
+
+        function page_loading() {
+            var test = window.location.href;
+            if ((test.indexOf(/en/) == -1) && (test.indexOf(/zh_CN/) == -1)&& (test.indexOf(/ja/) == -1)) {
+                change_title('en');
+            }
+            if(test.indexOf(/en/) != -1){
+                change_title('en');
+            }
+            if(test.indexOf(/zh_CN/) != -1){
+                change_title('zh_CN');
+            }
+            if(test.indexOf(/ja/) != -1){
+                change_title('ja');
+            }
+        }
+
+        function page_move(divId) {
+            var t = $("#" + divId).offset().top;
+            $('html, body').animate({
+                scrollTop: (t - 100)
+            }, 500);
+        }
+        window.onhashchange = page_loading
+        page_loading();
+    </script>
+    <script src="./assets/js/docify.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2.1.0/dist/docsify-copy-code.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/docsify@4.10.2/lib/plugins/external-script.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/docsify@4.10.2/lib/plugins/zoom-image.min.js"></script>
+</body>
+
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-138139529-2"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'UA-138139529-2');
+</script>
+
+<script>
+        var description_icon = '<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M48.375,16.125c-8.83935,0 -16.125,7.28565 -16.125,16.125v96.75c0,8.83935 7.28565,16.125 16.125,16.125v-10.75c-3.04443,0 -5.375,-2.33057 -5.375,-5.375c0,-3.04443 2.33057,-5.375 5.375,-5.375h80.625v10.75h-37.625v10.75h48.375v-129zM48.375,26.875h80.625v86h-80.625c-1.88965,0 -3.67432,0.39893 -5.375,1.00781v-81.63281c0,-3.04443 2.33057,-5.375 5.375,-5.375zM59.125,37.625v10.75h10.75v-10.75zM59.125,64.5v10.75h10.75v-10.75zM59.125,91.375v10.75h10.75v-10.75zM59.125,129v26.875l10.75,-10.75l10.75,10.75v-26.875z"></path></g></g></svg>';
+        var purchase_icon = '<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M29.24,25.8c-1.88947,0 -3.44,1.55053 -3.44,3.44v1.72c0,1.88947 1.55053,3.44 3.44,3.44h8.19352l0.79281,0.39641c3.59136,1.79568 6.03986,5.24468 6.55414,9.2282l1.6461,12.73539h0.01344c-0.0003,0.07412 0.00419,0.14818 0.01344,0.22172l6.88,53.32c0.11687,0.89956 0.91221,1.55377 1.81742,1.49492l1.25305,-0.08062c-2.98106,2.84847 -4.80391,6.84391 -4.80391,11.18672v2.65727c0.00009,0.94989 0.77011,1.71991 1.72,1.72h12.04v2.49937c-3.02346,1.32971 -5.16,4.30994 -5.16,7.82063c0,4.7391 3.8609,8.6 8.6,8.6c4.7391,0 8.6,-3.8609 8.6,-8.6c0,-1.69475 -0.52608,-3.25433 -1.37063,-4.57883c0.73366,-1.53399 1.22161,-3.42854 1.32359,-5.74117h36.16703v2.49937c-3.02346,1.32971 -5.16,4.30994 -5.16,7.82063c0,4.7391 3.8609,8.6 8.6,8.6c4.7391,0 8.6,-3.8609 8.6,-8.6c0,-1.69475 -0.52608,-3.25433 -1.37063,-4.57883c0.73366,-1.53399 1.22161,-3.42854 1.32359,-5.74117h3.48703c0.62029,0.00877 1.19726,-0.31713 1.50997,-0.8529c0.31271,-0.53578 0.31271,-1.19842 0,-1.7342c-0.31271,-0.53578 -0.88967,-0.86167 -1.50997,-0.8529h-73.96v-0.93727c0,-5.57453 3.80573,-10.39725 9.21812,-11.7007l70.01273,-4.56539c0.76886,-0.04927 1.41119,-0.60376 1.57219,-1.35719l10.32,-48.16c0.10849,-0.50796 -0.01836,-1.03774 -0.34514,-1.44149c-0.32678,-0.40374 -0.81849,-0.63821 -1.33791,-0.63797h-70.52v-11.02547c0,-8.21626 -6.46265,-15.02732 -14.66703,-15.45985l-19.64227,-1.03133c-0.0302,-0.00192 -0.06044,-0.00304 -0.0907,-0.00336v-0.86c-0.00005,-0.47495 -0.38505,-0.85995 -0.86,-0.86zM29.24,27.52h8.6v1.58563c-0.00773,0.0939 -0.00773,0.18828 0,0.28219v3.29219h-8.6c-0.95885,0 -1.72,-0.76115 -1.72,-1.72v-1.72c0,-0.95885 0.76115,-1.72 1.72,-1.72zM39.56,30.96l19.55156,1.03133c6.41224,0.33804 11.40844,5.60227 11.40844,12.0232v11.02547h-20.84828l-1.47813,-11.45547c-0.66048,-5.12044 -3.81383,-9.55707 -8.43203,-11.86531l-0.20156,-0.10078zM50.11852,58.48h21.83258c0.18575,0.0307 0.37527,0.0307 0.56102,0h69.83805l-9.60109,44.80734l-76.21078,4.97187zM96.29313,68.77648c-0.94861,0.01483 -1.70612,0.79488 -1.69313,1.74352v10.32h-10.32c-0.62029,-0.00877 -1.19726,0.31713 -1.50997,0.8529c-0.31271,0.53578 -0.31271,1.19842 0,1.7342c0.31271,0.53578 0.88967,0.86167 1.50997,0.8529h10.32v10.32c-0.00877,0.62029 0.31713,1.19726 0.8529,1.50997c0.53578,0.31271 1.19842,0.31271 1.7342,0c0.53578,-0.31271 0.86167,-0.88967 0.8529,-1.50997v-10.32h10.32c0.62029,0.00877 1.19726,-0.31713 1.50997,-0.8529c0.31271,-0.53578 0.31271,-1.19842 0,-1.7342c-0.31271,-0.53578 -0.88967,-0.86167 -1.50997,-0.8529h-10.32v-10.32c0.00637,-0.46492 -0.17574,-0.91261 -0.50484,-1.24107c-0.32909,-0.32846 -0.77713,-0.50971 -1.24204,-0.50245zM67.08,127.28h8.55297c-0.09685,2.15157 -0.53194,3.83695 -1.1825,5.15664c-0.15026,0.14376 -0.24335,0.3371 -0.26203,0.54422c-0.88664,1.54386 -2.06407,2.54471 -3.2418,3.23172c-1.67656,0.978 -3.03367,1.19799 -3.86664,1.28328v-7.0043c0.02033,-0.10654 0.02033,-0.21596 0,-0.3225zM115.24,127.28h8.55297c-0.09685,2.15157 -0.53194,3.83695 -1.1825,5.15664c-0.15026,0.14376 -0.24335,0.3371 -0.26203,0.54422c-0.88664,1.54386 -2.06407,2.54471 -3.2418,3.23172c-1.67656,0.978 -3.03367,1.19799 -3.86664,1.28328v-7.0043c0.02033,-0.10654 0.02033,-0.21596 0,-0.3225zM65.36,131.69086v6.76914c0.00005,0.47495 0.38505,0.85995 0.86,0.86c0,0 2.79782,0.00808 5.59336,-1.62258c1.13831,-0.66401 2.26622,-1.63862 3.21492,-2.95961c0.40867,0.87268 0.65172,1.83406 0.65172,2.86219c0,3.8093 -3.0707,6.88 -6.88,6.88c-3.8093,0 -6.88,-3.0707 -6.88,-6.88c0,-2.54306 1.38955,-4.72421 3.44,-5.90914zM113.52,131.69086v6.76914c0.00005,0.47495 0.38505,0.85995 0.86,0.86c0,0 2.79782,0.00808 5.59336,-1.62258c1.13831,-0.66401 2.26622,-1.63862 3.21492,-2.95961c0.40867,0.87268 0.65172,1.83406 0.65172,2.86219c0,3.8093 -3.0707,6.88 -6.88,6.88c-3.8093,0 -6.88,-3.0707 -6.88,-6.88c0,-2.54306 1.38955,-4.72421 3.44,-5.90914z"></path></g></g></svg>';
+        var example_icon = '<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M95.54272,44.36212c-1.8592,-0.07349 -3.56356,1.19205 -4.03387,3.0733l-18.8125,75.25c-0.5375,2.15 0.80782,4.29948 2.95782,4.83698c0.26875,0.13437 0.67083,0.13385 0.93958,0.13385c1.74688,0 3.49428,-1.21042 3.8974,-3.09167l18.8125,-75.25c0.5375,-2.15 -0.80782,-4.29948 -2.95782,-4.83698c-0.26875,-0.06719 -0.5375,-0.10498 -0.8031,-0.11548zM118.33398,64.36615c-1.02461,0.03359 -2.03242,0.47031 -2.77148,1.34375c-1.47812,1.6125 -1.47917,4.16457 0.2677,5.6427l15.5896,14.6474l-15.72345,14.6474c-1.6125,1.47812 -1.74582,4.0302 -0.2677,5.6427c0.80625,0.80625 1.8802,1.34375 2.9552,1.34375c0.94063,0 2.01563,-0.40155 2.6875,-1.07343l18.94635,-17.60522c0.80625,-0.80625 1.34375,-1.8802 1.34375,-2.9552c0,-1.075 -0.40312,-2.14895 -1.34375,-2.9552l-18.8125,-17.60522c-0.80625,-0.73906 -1.84661,-1.10702 -2.87122,-1.07343zM53.79987,64.41602c-1.02461,-0.05039 -2.06496,0.2845 -2.87121,1.02356l-19.08282,17.60522c-0.80625,0.80625 -1.34375,1.8802 -1.34375,2.9552c0,1.075 0.40312,2.14895 1.34375,2.9552l18.94897,17.60522c0.80625,0.67188 1.74687,1.07343 2.6875,1.07343c1.075,0 2.14895,-0.40312 2.9552,-1.34375c1.47812,-1.6125 1.47917,-4.16457 -0.2677,-5.6427l-15.5896,-14.6474l15.72345,-14.6474c1.6125,-1.47813 1.74582,-4.0302 0.2677,-5.6427c-0.73906,-0.80625 -1.74688,-1.24349 -2.77148,-1.29388z"></path></g></g></svg>';
+        var video_icon = '<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="26" height="26"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M28.66667,21.5c-7.83362,0 -14.33333,6.49972 -14.33333,14.33333v100.33333c0,7.83362 6.49972,14.33333 14.33333,14.33333h114.66667c7.83362,0 14.33333,-6.49972 14.33333,-14.33333v-100.33333c0,-7.83362 -6.49972,-14.33333 -14.33333,-14.33333zM28.66667,35.83333h114.66667v100.33333h-114.66667zM64.5,57.33333v57.33333l50.16667,-28.66667z"></path></g></g></svg>';
+        var quickstart_icon = '<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M55.9,21.5c-9.47383,0 -17.2,7.72617 -17.2,17.2c0,9.47383 7.72617,17.2 17.2,17.2c9.47383,0 17.2,-7.72617 17.2,-17.2c0,-9.47383 -7.72617,-17.2 -17.2,-17.2zM55.9,25.8c7.14994,0 12.9,5.75006 12.9,12.9c0,7.14994 -5.75006,12.9 -12.9,12.9c-7.14994,0 -12.9,-5.75006 -12.9,-12.9c0,-7.14994 5.75006,-12.9 12.9,-12.9zM74.49834,27.95c0.7826,1.3502 1.43754,2.78425 1.91484,4.3h69.78682v83.85h-64.5v4.3h66.65h2.15h1.075c1.80775,0 3.225,1.41725 3.225,3.225c0,1.80775 -1.41725,3.225 -3.225,3.225h-69.875v4.3h69.875c3.36971,0 6.1375,-2.30011 7.08408,-5.375h0.44092v-2.15c0,-4.13055 -3.39445,-7.525 -7.525,-7.525h-1.075v-88.15zM36.55,62.35c-8.28682,0 -15.05,6.76318 -15.05,15.05v45.15c0,4.72427 3.87573,8.6 8.6,8.6c1.59671,0 3.01402,-0.56257 4.3,-1.33115v16.38115c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-23.65h-4.3c0,2.40083 -1.89917,4.3 -4.3,4.3c-2.40083,0 -4.3,-1.89917 -4.3,-4.3v-45.15c0,-5.96338 4.78662,-10.75 10.75,-10.75h7.56699c0.9851,1.66974 4.10262,6.45 10.70801,6.45c6.60538,0 9.72291,-4.78026 10.70801,-6.45h9.71699c1.20533,0 2.27255,0.48763 3.05703,1.28076l0.0042,0.0042l16.28457,16.28877l14.16397,-14.16396c0.78097,-0.78118 1.84167,-1.25977 3.04023,-1.25977c2.40083,0 4.3,1.89917 4.3,4.3c0,1.20141 -0.48033,2.26224 -1.25977,3.04023l-17.2,17.2l-0.0042,0.0042c-0.78038,0.77988 -1.83663,1.25557 -3.03603,1.25557c-1.19856,0 -2.25893,-0.4799 -3.04023,-1.25977l-1.52012,-1.51592l-16.93965,-16.93965v71.31533c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-60.93486l11.11953,11.11953l1.52012,1.52012l0.29814,-0.29814c1.27793,0.74804 2.68473,1.29336 4.26221,1.29336c1.9608,0 3.69995,-0.77807 5.15244,-1.89385h0.30234l0.62988,-0.62988l17.1958,-17.1958c1.55547,-1.5526 2.51953,-3.71718 2.51953,-6.08047c0,-4.72427 -3.87573,-8.6 -8.6,-8.6c-2.36184,0 -4.52665,0.96571 -6.08047,2.51953l-11.11953,11.11953l-13.23594,-13.23174l-0.0084,-0.0084c-1.55418,-1.56706 -3.72898,-2.54893 -6.10566,-2.54893h-12.06016l-0.60049,1.16318c0,0 -2.88477,5.28682 -7.76436,5.28682c-4.87958,0 -7.76436,-5.28682 -7.76436,-5.28682l-0.60049,-1.16318zM36.55,79.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,88.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,96.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,105.35c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM36.55,113.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM51.6,133.51416c-1.18736,0.00012 -2.14988,0.96264 -2.15,2.15v10.53584c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-8.38584h4.3v8.38584c-0.01097,0.77537 0.39641,1.49657 1.06613,1.88746c0.66972,0.39088 1.49803,0.39088 2.16775,0c0.66972,-0.39088 1.07709,-1.11209 1.06613,-1.88746v-10.53584c-0.00012,-1.18736 -0.96264,-2.14988 -2.15,-2.15z"></path></g></g></svg>';
+        var schematic_icon = '<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"width="30" height="30"viewBox="0 0 172 172"style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M24.08,13.76c-5.6587,0 -10.32,4.6613 -10.32,10.32v124.26328c0,5.6587 4.6613,10.32 10.32,10.32l83.78953,0.00672c20.34033,0 36.30812,0.00672 36.30812,0.00672c1.38087,-0.00027 2.62777,-0.82614 3.16677,-2.09747c0.539,-1.27133 0.26563,-2.74174 -0.69427,-3.73441l-21.3589,-22.09797c-0.94374,-0.98011 -2.37645,-1.31195 -3.655,-0.84656c-2.14994,0.78329 -4.54083,1.04775 -7.10172,0.61812c-5.59577,-0.94347 -10.2628,-5.67013 -11.15313,-11.28078c-1.50606,-9.50383 6.31664,-17.34356 15.81594,-15.86297c5.62425,0.87675 10.3653,5.54817 11.31437,11.15313c0.43388,2.55567 0.16976,4.95989 -0.6114,7.12187c-0.45229,1.2552 -0.13806,2.65872 0.80625,3.60125c-0.18191,-0.18191 0.37081,0.3843 0.98094,1.01453c0.61013,0.63024 1.46347,1.50959 2.47922,2.55985c2.03151,2.10051 4.70979,4.87308 7.37719,7.6325c5.3348,5.51883 10.62906,10.99187 10.62906,10.99187c0.97389,1.00629 2.46055,1.32185 3.75925,0.79795c1.2987,-0.52391 2.15024,-1.78272 2.15325,-3.1831l-0.00672,-120.97781c0,-5.65694 -4.65923,-10.32 -10.32,-10.32l-44.71328,-0.00672c-0.91558,0.00017 -1.79332,0.36529 -2.4389,1.01453l-31.82672,31.98125c-0.94196,0.944 -1.25352,2.34733 -0.79953,3.60125c0.78185,2.15352 1.04329,4.55468 0.6114,7.11515c-0.94627,5.59901 -5.67999,10.26452 -11.29422,11.14641c-9.49769,1.49477 -17.32341,-6.32218 -15.84281,-15.81594c0.87658,-5.62044 5.54923,-10.36548 11.15313,-11.31437c2.55567,-0.43388 4.95804,-0.16901 7.11515,0.6114c1.25069,0.45283 2.65037,0.14412 3.59453,-0.79281c0.31362,-0.31039 1.48818,-1.50102 3.52063,-3.5475c2.03244,-2.04647 4.70919,-4.74381 7.37719,-7.43094c5.33598,-5.37425 10.62906,-10.70297 10.62906,-10.70297c0.97933,-0.98543 1.26985,-2.46318 0.73644,-3.74601c-0.53341,-1.28283 -1.78604,-2.11892 -3.17534,-2.11946zM24.08,20.64h50.0614c-1.91034,1.92421 -2.39719,2.41347 -4.81062,4.84422c-2.66788,2.68701 -5.34517,5.38489 -7.37719,7.43094c-1.44334,1.4533 -1.93756,1.94766 -2.4725,2.48594c-2.58438,-0.58567 -5.20492,-1.17704 -8.02219,-0.69875c-8.61707,1.4591 -15.45794,8.41071 -16.80359,17.03875c-2.15892,13.8432 9.86431,25.85602 23.71047,23.67687c8.62049,-1.35411 15.55703,-8.1954 17.01187,-16.8036c0.47532,-2.81794 -0.1162,-5.44039 -0.70547,-8.0289l29.80438,-29.94547l43.28219,0.00672c1.94163,0 3.44,1.50142 3.44,3.44l0.00672,112.46515c-1.89186,-1.95743 -2.34978,-2.42939 -4.71656,-4.87781c-2.66761,-2.75963 -5.34487,-5.53116 -7.37719,-7.6325c-1.01616,-1.05067 -1.86757,-1.93476 -2.47922,-2.56656c-0.02305,-0.02374 -0.01857,-0.01788 -0.04031,-0.04031c0.59199,-2.59466 1.18578,-5.2266 0.70547,-8.05578c-1.45892,-8.616 -8.40764,-15.4581 -17.03875,-16.80359c-13.85142,-2.15893 -25.86554,9.88357 -23.67015,23.73734c1.36632,8.61031 8.19904,15.53424 16.8036,16.985c0,0.00224 0,0.00448 0,0.00672c2.79576,0.46903 5.40609,-0.12425 7.98187,-0.70547l14.70063,15.19781c-5.08725,-0.00093 -12.40369,-0.00672 -28.20531,-0.00672l-83.78953,-0.00672c-1.9437,0 -3.44,-1.4963 -3.44,-3.44v-124.26328c0,-1.9437 1.4963,-3.44 3.44,-3.44zM116.96,34.4c-11.35759,0 -20.64,9.28241 -20.64,20.64c0,1.61882 0.45595,3.11778 0.81297,4.64265l-37.45031,37.45031c-1.52359,-0.35865 -3.01764,-0.81297 -4.64265,-0.81297c-11.35759,0 -20.64,9.28241 -20.64,20.64c0,11.35759 9.28241,20.64 20.64,20.64c11.35759,0 20.64,-9.28241 20.64,-20.64c0,-1.62273 -0.45685,-3.11587 -0.81297,-4.63594l37.45031,-37.45031c1.52244,0.35492 3.01449,0.80625 4.64265,0.80625c11.35759,0 20.64,-9.28241 20.64,-20.64c0,-11.35759 -9.28241,-20.64 -20.64,-20.64zM116.96,41.28c7.63809,0 13.76,6.12191 13.76,13.76c0,7.63809 -6.12191,13.76 -13.76,13.76c-1.65444,0 -3.23325,-0.28659 -4.70985,-0.81297c-1.24933,-0.44371 -2.64246,-0.13006 -3.58109,0.80625l-39.8825,39.8825c-0.94431,0.94253 -1.25854,2.34605 -0.80625,3.60125c0.52776,1.45959 0.81969,3.02852 0.81969,4.68297c0,7.63809 -6.12191,13.76 -13.76,13.76c-7.63809,0 -13.76,-6.12191 -13.76,-13.76c0,-7.63809 6.12191,-13.76 13.76,-13.76c1.65444,0 3.22658,0.29034 4.68297,0.81969c1.25392,0.45399 2.65725,0.14243 3.60125,-0.79953l39.88922,-39.88922c0.94431,-0.94253 1.25854,-2.34605 0.80625,-3.60125c-0.53081,-1.46867 -0.81969,-3.03963 -0.81969,-4.68969c0,-7.63809 6.12191,-13.76 13.76,-13.76zM55.04,48.16c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88zM116.96,48.16c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88zM55.04,110.08c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88zM116.96,110.08c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88z"></path></g></g></svg>';
+        
+        var icon_list = {
+            "EASYLOADER":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/EASYLOADER_ICON.png",
+            "CORE":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/CORE_ICON.png",
+            "MODULE":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/MODULE_ICON.png",
+            "BASE":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/BASE_ICON.png",
+            "UNIT":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/UNIT_ICON.png",
+            "HAT":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/HAT_ICON.png",
+            "APPLICATION":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/APPLICATION_ICON.png",
+            "ACCESSORY":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/ACCESSORY_ICON.png",
+            "ALUMINIUM":"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_logo/ALUMINIUM_ICON.png"
+        };
+
+        var Label1 = '<a onclick="page_move(\'here is the anchor_id\')">';
+        var Label2 = '<span style="padding: 8px 0px;">here is the anchor_name</span></a>';
+        function anchor_create(anchor_name,anchor_id){
+            var Part_A = Label1.replace(/here is the anchor_id/, anchor_id);
+            var Part_B = Label2.replace(/here is the anchor_name/, anchor_name);
+            if((anchor_name == "DESCRIPTION")||(anchor_name == "描述")){
+                $(".anchor-box").append(Part_A+description_icon+Part_B);
+            }
+            else if((anchor_name == "EXAMPLE")||(anchor_name == "案例程序")){
+                $(".anchor-box").append(Part_A+example_icon+Part_B);
+            }
+            else if((anchor_name == "SCHEMATIC")||(anchor_name == "原理图")){
+                $(".anchor-box").append(Part_A+schematic_icon+Part_B);
+            }
+            else if((anchor_name == "VIDEO")||(anchor_name == "相关视频")){
+                $(".anchor-box").append(Part_A+video_icon+Part_B);
+            }
+            else if((anchor_name == "QUICK START")||(anchor_name == "快速上手")){
+                $(".anchor-box").append(Part_A+quickstart_icon+Part_B);
+            }
+            else if(icon_list.hasOwnProperty(anchor_name)){
+                $(".anchor-box").append(Part_A+"<img src="+icon_list[anchor_name]+">"+Part_B);
+                if (anchor_name == "EASYLOADER"){
+                    if(("#example_video").length >0)
+                    $("#play-btn").on("click",function(){
+                        $(".easyloader-mask").toggleClass('video_play');
+                        $("#example_video")[0].play();
+                    })
+                    $("#example_video").on("click",function(){
+                        $(".easyloader-mask").toggleClass('video_play');  
+                    })
+                }
+            }
+        }
+        function anchor_search(purchase_link="none",quickstart_link="none"){
+            var page_url = window.location.href;
+            if((page_url.slice(-4) == "/en/")||(page_url.slice(-7)== "/zh_CN/")||(page_url.slice(-3)== "/#/")){
+                $("#search_note").eq(0).after("<div class='anchor-box'></div>");
+                var anchor_list= $(".product_page > div:gt(1)");
+                for (var i=0; i< anchor_list.length ; i++){
+                    anchor_create(anchor_list[i].id.toUpperCase(), anchor_list[i].id);
+                }
+            }
+            else{
+                $("h2").eq(0).before("<div class='anchor-box'></div>");
+                var anchor_list= $("#main h2");
+                for (var i=0; i< anchor_list.length ; i++){
+                    anchor_create(anchor_list[i].id.toUpperCase(), anchor_list[i].id);
+                    if(page_url.indexOf(/zh_CN/) != -1) {
+                        var purchase_name = "购买链接" 
+                        var quickstart_name = "快速上手"
+                    }
+                    else {
+                        var purchase_name = "Purchase"
+                        var quickstart_name = "Quick Start"
+                    }
+                }
+                if(purchase_link!="none"){
+                    $(".anchor-box").append('<a href='+purchase_link+' onclick="select(this)" target="view_window">'+purchase_icon+'<span style="padding: 8px 0px;">'+purchase_name+'</span>'+'</a>');
+                }
+                if(quickstart_link!="none"){
+                    $(".anchor-box").append('<a href='+quickstart_link+' onclick="select(this)" target="view_window">'+quickstart_icon+'<span style="padding: 8px 0px;">'+quickstart_name+'</span>'+'</a>');
+                }
+            }            
+        }
+
+        function anchor_scroll(anchor_name,anchor_id,anchor_length){
+            var offset = $("#"+anchor_id).offset().top + $("#"+anchor_id).height() - $(window).scrollTop();
+            if((offset > 100)&&(offset < ($("#"+anchor_id).height()+700))){
+                for (var i= 0; i< anchor_length; i++){
+                    if( anchor_name == $(".anchor-box span").eq(i).html()){
+                        $(".anchor-box a").addClass("anchor-quiet");
+                        $(".anchor-box a").eq(i).removeClass("anchor-quiet");
+                        $(".anchor-box a").eq(i).addClass("anchor-active");
+                        return true
+                    }
+                }
+            }
+        }
+
+    var scrollFunc = function (e) {  
+        e = e || window.event;  
+// if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件    
+        var page_url = window.location.href;
+        if((page_url.slice(-4) == "/en/")||(page_url.slice(-7)== "/zh_CN/")||(page_url.slice(-3)== "/#/")){
+            var anchor_list= $(".product_page > div:gt(1)");
+        }
+        else{
+            var anchor_list= $("#main h2");  
+        }
+        for (var i=0; i< anchor_list.length ; i++){
+            if(anchor_scroll(anchor_list[i].id.toUpperCase(), anchor_list[i].id, anchor_list.length)) break;
+        }
+    } 
+
+    scrollFunc();
+    /*IE、Opera注册事件*/
+    if(document.attachEvent){
+    document.attachEvent('onmousewheel',scrollFunc);
+
+    }
+    //Firefox使用addEventListener添加滚轮事件  
+    if (document.addEventListener) {//firefox  
+    document.addEventListener('DOMMouseScroll', scrollFunc, false);  
+    }  
+    //Safari与Chrome属于同一类型
+    // window.onmousewheel = document.onmousewheel = scrollFunc;
+    // window.onscroll = document.onscroll = scrollFunc;
+    window.onscroll = scrollFunc;
+</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index 549abcf1..80ca698c 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -19,8 +19,8 @@
       {a:"/#/zh_CN/core/m5stickv", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.jpg", p:"M5StickV"},
       {a:"/#/zh_CN/core/m5stickt", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickt_01.jpg", p:"M5StickT"},
       //ATOM
-      {a:"/#/en/core/atom_lite", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_lite_01.webp", p:"ATOM Lite"},
-      {a:"/#/en/core/atom_matrix", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_matrix_01.webp", p:"ATOM Matrix"},
+      {a:"/#/zh_CN/core/atom_lite", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_lite_01.webp", p:"ATOM Lite"},
+      {a:"/#/zh_CN/core/atom_matrix", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_matrix_01.webp", p:"ATOM Matrix"},
 
     ];
 
diff --git a/docs/zh_CN/core/atom_lite.md b/docs/zh_CN/core/atom_lite.md
index 26cd6529..e1aea023 100644
--- a/docs/zh_CN/core/atom_lite.md
+++ b/docs/zh_CN/core/atom_lite.md
@@ -42,14 +42,29 @@
 
 ## EasyLoader
 
-<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
-
-<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/M5Core/ATOM_LITE/EasyLoader_ATOM%20_LITE.exe"><button type="button" class="btn btn-primary">点击下载EasyLoader</button></a>
-
->1.EasyLoader是一个简洁快速的程序烧录器，每一个产品页面里的EasyLoader都提供了一个与产品相关的案例程序，通过简单步骤将其烧录至主控，能够进行一系列的功能验证.**(目前EasyLoader仅适用于Windows操作系统)**
-
->2.下载软件后，双击运行应用程序，将M5设备通过数据线连接至电脑,选择端口参数，点击 **"Burn"** 即可开始烧录.(**为Atom烧录时，请将波特率设置在750000或115200**)
+>EasyLoader是一个简洁快速的程序烧录器，每一个产品页面里的EasyLoader都提供了一个与产品相关的案例程序，通过简单步骤将其烧录至主控，能够进行一系列的功能验证.**(目前EasyLoader仅适用于Windows操作系统)**
 
+<div class="easyloader-box">
+    <div style="background-color:white;">
+        <div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.jpg"></div>
+        <div class="easyloader-btn">
+            <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/CORE/EasyLoader_ATOM%20_LITE_FactoryTest.exe">Windows</a>
+            <!-- <a>Linux</a>
+            <a>MacOS</a> -->
+        </div>
+    </div>
+    <div>
+        <video id="example_video" controls>
+            <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/ATOM_LITE.mp4" type="video/mp4">
+        </video>
+        <div class="easyloader-mask">
+        <a style="text-align: center;">
+            <svg id="play-btn" t="1583228776634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4152" width="75" height="75"><path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0z m0 928C282.24 928 96 741.76 96 512S282.24 96 512 96s416 186.24 416 416-186.24 416-416 416zM384 288l384 224-384 224z" p-id="4153" fill="#007aff"></path></svg></a>
+            <p>案例描述:</p>
+            <p>通过变色呼吸灯程序，测试RGB LED与按键是否工作正常.</p>
+        </div>
+    </div>
+</div>
 
 ## 外设的管脚映射
 
@@ -77,14 +92,6 @@
 
     - [ESP32-PICO](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/esp32-pico-d4_datasheet_cn.pdf)
 
-## 相关视频
-
-**ATOM的简介**
-
-<video class="video_size" controls>
-    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/ATOM_LITE.mp4" type="video/mp4">
-</video>
-
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-core/products/atom-lite-esp32-development-kit';
diff --git a/docs/zh_CN/core/atom_matrix.md b/docs/zh_CN/core/atom_matrix.md
index de049067..6475a5a5 100644
--- a/docs/zh_CN/core/atom_matrix.md
+++ b/docs/zh_CN/core/atom_matrix.md
@@ -45,13 +45,30 @@
 
 ## EasyLoader
 
-<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
+>EasyLoader是一个简洁快速的程序烧录器，每一个产品页面里的EasyLoader都提供了一个与产品相关的案例程序，通过简单步骤将其烧录至主控，能够进行一系列的功能验证.**(目前EasyLoader仅适用于Windows操作系统)**
 
-<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/M5Core/ATOM%20Matrix/EasyLoader_ATOM%20_Matrix.exe"><button type="button" class="btn btn-primary">点击下载EasyLoader</button></a>
+<div class="easyloader-box">
+    <div style="background-color:white;">
+        <div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.jpg"></div>
+        <div class="easyloader-btn">
+            <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/CORE/EasyLoader_ATOM%20_Matrix_FactoryTest.exe">Windows</a>
+            <!-- <a>Linux</a>
+            <a>MacOS</a> -->
+        </div>
+    </div>
+    <div>
+        <video id="example_video" controls>
+            <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/ATOM_MATRIX.mp4" type="video/mp4">
+        </video>
+        <div class="easyloader-mask">
+        <a style="text-align: center;">
+            <svg id="play-btn" t="1583228776634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4152" width="75" height="75"><path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0z m0 928C282.24 928 96 741.76 96 512S282.24 96 512 96s416 186.24 416 416-186.24 416-416 416zM384 288l384 224-384 224z" p-id="4153" fill="#007aff"></path></svg></a>
+            <p>案例描述:</p>
+            <p>通过矩阵屏幕文字滚屏显示与按键计数功能,测试RGB LED与按键是否工作正常.</p>
+        </div>
+    </div>
+</div>
 
->1.EasyLoader是一个简洁快速的程序烧录器，每一个产品页面里的EasyLoader都提供了一个与产品相关的案例程序，通过简单步骤将其烧录至主控，能够进行一系列的功能验证.**(目前EasyLoader仅适用于Windows操作系统)**
-
->2.下载软件后，双击运行应用程序，将M5设备通过数据线连接至电脑,选择端口参数，点击 **"Burn"** 即可开始烧录.(**为Atom烧录时，请将波特率设置在750000或115200**)
 
 ## 外设的管脚映射
 
@@ -84,13 +101,6 @@
     - [ESP32-PICO](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/esp32-pico-d4_datasheet_cn.pdf)
     - [MPU6886](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/MPU-6886-000193%2Bv1.1_GHIC_en.pdf)
 
-## 相关视频
-
-**ATOM Matrix的简介**
-
-<video class="video_size" controls>
-    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/ATOM_MATRIX.mp4" type="video/mp4">
-</video>
 
 <script>
 
