diff --git a/docs/assets/css/loading.css b/docs/assets/css/loading.css
deleted file mode 100644
index a055307d..00000000
--- a/docs/assets/css/loading.css
+++ /dev/null
@@ -1,83 +0,0 @@
-#loading {
-    position:fixed; 
-    left:0; 
-    top:0; 
-    width:100%; 
-    height:100%; 
-}
-.demo3 {
-    width: 4px;
-    height: 4px;
-    border-radius: 2px;
-    background: #007bff;
-    position: absolute;
-    animation: demo3 linear 0.8s infinite;
-    -webkit-animation: demo3 linear 0.8s infinite;
-}
-.demo3:nth-child(1){
-    left: 24px;
-    top: 2px;
-    animation-delay:0s;
-}
-.demo3:nth-child(2){
-    left: 40px;
-    top: 8px;
-    animation-delay:0.1s;
-}
-.demo3:nth-child(3){
-    left: 47px;
-    top: 24px;
-    animation-delay:0.1s;
-}
-.demo3:nth-child(4){
-    left: 40px;
-    top: 40px;
-    animation-delay:0.2s;
-}
-.demo3:nth-child(5){
-    left: 24px;
-    top: 47px;
-    animation-delay:0.4s;
-}
-.demo3:nth-child(6){
-    left: 8px;
-    top: 40px;
-    animation-delay:0.5s;
-}
-.demo3:nth-child(7){
-    left: 2px;
-    top: 24px;
-    animation-delay:0.6s;
-}
-.demo3:nth-child(8){
-    left: 8px;
-    top: 8px;
-    animation-delay:0.7s;
-}
-
-@keyframes demo3 
-{
-    0%,40%,100% {transform: scale(1);}
-    20% {transform: scale(3);}
-}
-@-webkit-keyframes demo3 
-{
-    0%,40%,100% {transform: scale(1);}
-    20% {transform: scale(3);}
-}
-
-
-.loading-flex {
-    position:absolute;
-    top:45%;
-    left:50%;
-}
-
-
-@media screen and (max-width: 768px){
-    .loading-flex {
-        position:absolute;
-        top:45%;
-        left:45%;
-    }
-}   
\ No newline at end of file
diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 532ae01d..05675ca3 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -148,289 +148,6 @@ figure.thumbnails img {
     }
 }
 
-#core {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #basic,
-body[data-page="zh_CN/README.md"] #basic,
-body[data-page="ja/README.md"] #basic {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #gray,
-body[data-page="zh_CN/README.md"] #gray,
-body[data-page="ja/README.md"] #gray {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #fire,
-body[data-page="zh_CN/README.md"] #fire,
-body[data-page="ja/README.md"] #fire {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #m5stickc,
-body[data-page="zh_CN/README.md"] #m5stickc,
-body[data-page="ja/README.md"] #m5stickc {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #m5stickv,
-body[data-page="zh_CN/README.md"] #m5stickv,
-body[data-page="ja/README.md"] #m5stickv {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #m5stick,
-body[data-page="zh_CN/README.md"] #m5stick,
-body[data-page="ja/README.md"] #m5stick {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #m5go-lite,
-body[data-page="zh_CN/README.md"] #m5go-lite,
-body[data-page="ja/README.md"] #m5go-lite {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #m5go-kit,
-body[data-page="zh_CN/README.md"] #m5go-kit,
-body[data-page="ja/README.md"] #m5go-kit {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="index.md"] #faces-kit,
-body[data-page="zh_CN/README.md"] #faces-kit,
-body[data-page="ja/README.md"] #faces-kit {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-#module,
-#gps,
-#lora,
-#lorawan,
-#sim800l,
-#commu,
-#battery,
-#proto,
-#proto-kit,
-#plus,
-#usb,
-#bus,
-#goplus,
-#stepmotor,
-#servo,
-#lego_plus,
-#encoder,
-#joystick-1,
-#fan,
-#faces-rfid,
-#faces-finger {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
-#base,
-#lan,
-#node,
-#btc,
-#plc,
-#core-bottom,
-#m5go-bottom,
-#m5go-rfid,
-#m5go-charger,
-#pm2_5,
-#base15,
-#base26 {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
-#unit,
-#esp32cam,
-#m5camera,
-#m5cameraf,
-#m5camerax,
-#env,
-#earth,
-#light,
-#angle,
-#ir,
-#pir,
-#ncir,
-#thermal,
-#button,
-#dual-button,
-#joystick,
-#cardkb,
-#color,
-#tof,
-#heart,
-#rfid,
-#adc,
-#dac,
-#makey,
-#rgb,
-#relay,
-#hub,
-#pahub,
-#pbhub,
-#_396port,
-#proto-1,
-#extio,
-#rs485,
-#gps-1,
-#finger,
-#weight,
-#trace,
-#rgb_led,
-#catear,
-#hex,
-#neoflash,
-#butterfly,
-#pahub,
-#pbhub,
-#m5-bit,
-#vibrator-motor,
-#unit-fan,
-#op90,
-#op180,
-#accel,
-#laser-rx,
-#laser-tx,
-#mini-proto {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
-body[data-page="index.md"] #application {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="zh_CN/README.md"] #application {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-body[data-page="ja/README.md"] #application {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-}
-
-#bala,
-#m5iotkit,
-#lidarbot,
-#piano,
-#flir,
-#demo-board {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
-#accessory,
-#grove-t,
-#grove-cable,
-#screw,
-#grove2grove,
-#bus-socket,
-#frame {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
-#hat,
-#hat-env,
-#hat-pir,
-#hat-spk,
-#hat-proto,
-#hat-ncir,
-#hat-thermal,
-#hat-adc,
-#hat-dac,
-#hat-rs485 {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
-#tools,
-#usb-downloader,
-#usb-isp {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
-#aluminium,
-#aluminium-profile,
-#aluminium-profile-1515,
-#nut,
-#connector,
-#corner {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-}
-
 
 /* .mask {
     position: absolute;
@@ -608,4 +325,108 @@ div.card-img-overlay:hover {
         right: 10px;
         bottom: 150px;
     }
+}
+
+#loading {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    z-index: 9999;
+}
+
+.demo3 {
+    width: 4px;
+    height: 4px;
+    border-radius: 2px;
+    background: #007bff;
+    position: absolute;
+    animation: demo3 linear 0.8s infinite;
+    -webkit-animation: demo3 linear 0.8s infinite;
+}
+
+.demo3:nth-child(1) {
+    left: 24px;
+    top: 2px;
+    animation-delay: 0s;
+}
+
+.demo3:nth-child(2) {
+    left: 40px;
+    top: 8px;
+    animation-delay: 0.1s;
+}
+
+.demo3:nth-child(3) {
+    left: 47px;
+    top: 24px;
+    animation-delay: 0.1s;
+}
+
+.demo3:nth-child(4) {
+    left: 40px;
+    top: 40px;
+    animation-delay: 0.2s;
+}
+
+.demo3:nth-child(5) {
+    left: 24px;
+    top: 47px;
+    animation-delay: 0.4s;
+}
+
+.demo3:nth-child(6) {
+    left: 8px;
+    top: 40px;
+    animation-delay: 0.5s;
+}
+
+.demo3:nth-child(7) {
+    left: 2px;
+    top: 24px;
+    animation-delay: 0.6s;
+}
+
+.demo3:nth-child(8) {
+    left: 8px;
+    top: 8px;
+    animation-delay: 0.7s;
+}
+
+@keyframes demo3 {
+    0%,
+    40%,
+    100% {
+        transform: scale(1);
+    }
+    20% {
+        transform: scale(3);
+    }
+}
+
+@-webkit-keyframes demo3 {
+    0%,
+    40%,
+    100% {
+        transform: scale(1);
+    }
+    20% {
+        transform: scale(3);
+    }
+}
+
+.loading-flex {
+    position: absolute;
+    top: 45%;
+    left: 50%;
+}
+
+@media screen and (max-width: 768px) {
+    .loading-flex {
+        position: absolute;
+        top: 45%;
+        left: 45%;
+    }
 }
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 465356c4..9a9cd2f9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -9,8 +9,13 @@
     <meta name="google-site-verification" content="_EWJaM8G6xwMtEqemO4yN8WqSU2CaKVi3jTj0gLg48E">
     <title>M5Stack - A series of modular stackable development devices</title>
     <link rel="icon" href="assets/img/favicon.ico">
+    <!-- Stylesheets -->
+    <link rel="stylesheet" href="https://unpkg.com/docsify-themeable/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.css">
 
-    <link rel="stylesheet" href="assets/css/loading.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);
@@ -20,20 +25,19 @@
         //加载状态为complete时移除loading效果
         function completeLoading() {  
             if (document.readyState == "complete") {    
-                var loadingMask = document.getElementById('loading');    
-                loadingMask.parentNode.removeChild(loadingMask);  
+                var loadingMask = document.getElementById('loading');  
+                loadingMask.style.display = 'none';
+                // loadingMask.parentNode.removeChild(loadingMask);  
             }
         }
+        window.addEventListener('hashchange', function(event) {
+            console.log(event);
+            var loadingMask = document.getElementById('loading');  
+            loadingMask.style.display = 'block';
+            completeLoading();
+        })
     </Script>
 
-    <!-- Stylesheets -->
-    <link rel="stylesheet" href="https://unpkg.com/docsify-themeable/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.css">
-
     <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>
@@ -113,25 +117,25 @@
             // }, 600);
         };
 
-        $(document).ready(function() {
-            $(".btn-toggle").on('click', function() {
-                $(".btn-toggle").toggleClass('open');
-                $(".d-flex").toggleClass('open');
-            });
-        });
+        // $(document).ready(function() {
+        //     $(".btn-toggle").on('click', function() {
+        //         $(".btn-toggle").toggleClass('open');
+        //         $(".d-flex").toggleClass('open');
+        //     });
+        // });
 
-        function Enter() {
-            console.log(123)
-            $(this).find("~ div").eq(0).removeClass("collapse")
-            $(this).find("~ div").eq(0).addClass("collapse show")
+        // function Enter() {
+        //     console.log(123)
+        //     $(this).find("~ div").eq(0).removeClass("collapse")
+        //     $(this).find("~ div").eq(0).addClass("collapse show")
 
-        };
+        // };
 
-        function Leave() {
-            $(this).children("div").removeClass("collapse show")
-            $(this).children("div").addClass("collapse")
+        // function Leave() {
+        //     $(this).children("div").removeClass("collapse show")
+        //     $(this).children("div").addClass("collapse")
 
-        };
+        // };
 
         function change_title(language) {
             if (language == "en") {
@@ -200,7 +204,7 @@
         function page_move(divId) {
             var t = $("#" + divId).offset().top;
             $('html, body').animate({
-                scrollTop: t
+                scrollTop: (t - 50)
             }, 500);
         }
         page_loading();
diff --git a/docs/index.md b/docs/index.md
index 62b71768..ee90000f 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -54,11 +54,10 @@
 
 </div>
 
-# Core
 
 **M5Core**
 
-<div>
+<div id="core">
      <img src="assets/img/product_pics/icon_core.png" style="vertical-align:middle;">
      <span style="font-size:30px">Core</span>
 </div>
@@ -123,10 +122,6 @@
 </div>
 
 
-## M5GO Lite
-## M5GO Kit
-## FACES Kit
-
 
 **M5GO/FACES Kit**
 
@@ -156,9 +151,7 @@
 
 ***
 
-# Module
-
-<div>
+<div id="module">
      <img src="assets/img/product_pics/icon_module.png" style="vertical-align:middle;">
      <span style="font-size:30px">Module</span>
 </div>
@@ -166,12 +159,6 @@
 
 <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Module_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
 
-## GPS
-## LORA
-## LoRaWAN
-## SIM800L
-## COMMU
-
 
 **Communication Modules**
 
@@ -275,10 +262,6 @@
   </a>
 </div>
 
-## STEPMOTOR
-## SERVO
-## LEGO_PLUS
-## FAN
 
 **Drive Modules**
 
@@ -311,11 +294,6 @@
 </div>
 
 
-## ENCODER
-## JOYSTICK
-## FACES-FINGER
-## FACES-RFID
-
 **FACES Series**
 
 <div class="item">
@@ -346,9 +324,8 @@
  </a>
 </div> 
 
-# BASE
 
-<div>
+<div id="base">
      <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;margin-top:20px">
      <span style="font-size:30px">Base</span>
 </div>
@@ -357,11 +334,6 @@
 
 &nbsp;
 
-## LAN
-## NODE
-## BTC
-## PLC
-## Core BOTTOM
 
 
 <div class="item">
@@ -406,11 +378,6 @@
   </a>
 </div>
 
-## M5GO RFID
-## M5GO CHARGER
-## pm2_5
-## BASE15
-## BASE26
 
 <div class="item">
   <a href="/#/en/base/m5go_rfid">
@@ -458,25 +425,15 @@
 
 ***
 
-# Unit
-
-<div>
+<div id="unit">
      <img src="assets/img/product_pics/icon_unit.png" style="vertical-align:middle;">
      <span style="font-size:30px">Unit</span>
 </div>
 
-<!-- *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
 
-## ESP32CAM
-## M5Camera
-## M5CameraF
-## M5CameraX
-
-<!-- <div class="btn-group"> -->
   <a class="btn btn btn-primary" href="#en/quick_start/m5camera/m5camera_quick_start" role="button" style="color:white;text-decoration:none">Camera QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;text-decoration:none" data-toggle="modal" data-target="#Unit_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a class="btn btn btn-primary" href="https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_en.md" role="button" style="color:white;text-decoration:none">Cameras comparison »</a>
-<!-- </div> -->
 
 **Camera class** 
 
@@ -512,13 +469,6 @@
 
 **Sensor class**
 
-## ENV
-## EARTH
-## LIGHT
-## PIR
-## NCIR
-## THERMAL
-## COLOR
 
 <div class="item">
   <a href="/#/en/unit/env">
@@ -569,13 +519,6 @@
   </a>
 </div>
 
-## TOF
-## HEART
-## ADC
-## MAKEY
-## GPS
-## FINGER
-## WEIGHT
 
 <div class="item">
   <a href="/#/en/unit/tof">
@@ -627,13 +570,6 @@
 </div>
 
 
-
-## ACCEL
-## OP180
-## OP90
-
-
-
 <div class="item">
   <a href="/#/en/unit/accel">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_accel_01.jpg">
@@ -656,17 +592,8 @@
 </div>
 
 
-
 **I / 0  class**
 
-## EXT.IO
-## DAC
-## RELAY
-## HUB
-## PaHUB
-## PbHUB
-## 3.96Port
-
 
 <div class="item">
   <a href="/#/en/unit/extio">
@@ -717,11 +644,6 @@
   </a>
 </div>
 
-## M5-BIT
-## PROTO
-## Unit-FAN
-## VIBRATOR-MOTOR
-## MINI-PROTO
 
 <div class="item">
   <a href="/#/en/unit/m5-bit">
@@ -797,11 +719,6 @@
 
 **Communication class**
 
-## IR
-## RS485
-## RFID
-## LASER-RX
-## LASER-TX
 
 <div class="item">
   <a href="/#/en/unit/ir">
@@ -840,13 +757,6 @@
 
 **C-HAT class**
 
-## HAT-ENV
-## HAT-PIR
-## HAT-SPK
-## HAT-PROTO
-## HAT-THERMAL
-## HAT-NCIR
-## HAT-RS485
 
 <div class="item">
   <a href="/#/en/hat/hat-env">
@@ -897,8 +807,6 @@
   </a>
 </div>
 
-## HAT-ADC
-## HAT-DAC
 
 <div class="item">
   <a href="/#/en/hat/hat-adc">
@@ -917,12 +825,6 @@
 
 **LED class**
 
-## RGB_LED
-## CatEar
-## HEX
-## NeoFlash
-## RGB
-
 
 <div class="item">
   <a href="/#/en/unit/neopixel">
@@ -948,20 +850,14 @@
 </div>
 
 ***
-# Application
 
-<div>
+<div id="application">
      <img src="assets/img/product_pics/icon_app.png" style="vertical-align:middle;">
      <span style="font-size:30px">Application</span>
 </div>
 
 <!-- *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
 
-## BALA
-## LidarBOT
-## PIANO
-## FLIR
-## DEMO-BOARD
 
 <div class="item">
   <a href="/#/en/app/bala">
@@ -1040,24 +936,12 @@
 
 
 ***
-<!--Below is adding on  -->
 
-# Accessory
-
-<div>
+<div id="accessory">
      <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
      <span style="font-size:30px">Accessory</span>
 </div>
 
-## Grove-T
-## Grove Cable
-## GROVE2GROVE
-## SCREW
-## BUS-Socket
-## Frame
-## TRACE
-## PROTO-KIT
-
 <div class="item">
   <a href="/#/en/accessory/converter/grove_t">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/grove_t_01.png">
@@ -1146,17 +1030,12 @@
 
 ***  
 
-# Aluminium
 
-<div>
+<div id="aluminium">
      <img src="assets/img/product_pics/icon_1515.jpg" style="vertical-align:middle;">
      <span style="font-size:30px">Aluminium Profile</span>
 </div>
 
-## CORNER
-## NUT
-## Connector
-## Aluminium-Profile-1515
 
 <div class="item">
   <a href="/#/en/1515/corner">
@@ -1188,8 +1067,6 @@
 
 
 
-
-
 <!-- <script>
     $(document).ready(function(){
         $("div.item a").append(`<div class="mask">
@@ -1204,9 +1081,6 @@
 
 
 
-
-
-
 <div class="container">
 
   <div class="modal fade" id="Core_I2C">
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index ff44002a..09caa58e 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -52,12 +52,9 @@
   </div>
 
 
-# Core
-
-
 **M5Core**
 
-<div>
+<div id="core">
      <img src="assets/img/product_pics/icon_core.png" style="vertical-align:middle;">
      <span style="font-size:30px">Core</span>
 </div>
@@ -152,17 +149,12 @@
 
 ***
 
-
-# Module
-
-<div>
+<div id="module">
      <img src="assets/img/product_pics/icon_module.png" style="vertical-align:middle;">
      <span style="font-size:30px">Module</span>
 </div>
 
 
-
-
 <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Module_I2C">I2C地址表</a>&nbsp;&nbsp;&nbsp;&nbsp;
 
 **通讯模块**
@@ -332,9 +324,9 @@
   </a>
 </div>
 
-# BASE
 
-<div>
+
+<div id="base">
      <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;margin-top:20px">
      <span style="font-size:30px">Base</span>
 </div>
@@ -431,14 +423,13 @@
 ***
 
 
-# Unit
-
-<div>
+<div id="unit">
      <img src="assets/img/product_pics/icon_unit.png" style="vertical-align:middle;">
      <span style="font-size:30px">Unit</span>
 </div>
 
 
+
   <a class="btn btn btn-primary" href="#zh_CN/quick_start/m5camera/m5camera_quick_start" role="button" style="color:white;text-decoration:none">摄像头上手指南</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;text-decoration:none" data-toggle="modal" data-target="#Unit_I2C">I2C地址表</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a class="btn btn btn-primary" href="https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_zh_CN.md" role="button" style="color:white;text-decoration:none">款式硬件区别 »</a>
@@ -861,16 +852,12 @@
 
 ***
 
-# Application
 
-<div>
+<div id="application">
      <img src="assets/img/product_pics/icon_app.png" style="vertical-align:middle;">
      <span style="font-size:30px">Application</span>
 </div>
 
-  <!-- <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;text-decoration:none" data-toggle="modal" data-target="#Module_I2C">IIC地址表</a>&nbsp;&nbsp;&nbsp;&nbsp; -->
-
-<!-- *( **[IIC 地址表](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
 
 
 
@@ -952,9 +939,7 @@
 <!--Below is adding on  -->
 
 
-# Accessory
-
-<div>
+<div id="accessory">
      <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
      <span style="font-size:30px">Accessory</span>
 </div>
@@ -1049,16 +1034,12 @@
 
 ***  
 
-# Aluminium
-
-<div>
+<div id="aluminium">
      <img src="assets/img/product_pics/icon_1515.jpg" style="vertical-align:middle;">
      <span style="font-size:30px">Aluminium Profile</span>
 </div>
 
 
-
-
 <div class="item">
   <a href="/#/zh_CN/1515/corner">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/acs_corner_01.jpg">
@@ -1088,8 +1069,6 @@
 </div>
 
 
-
-
 <!-- <script>
     $(document).ready(function(){
         $("div.item a").append(`<div class="mask">
@@ -1099,8 +1078,6 @@
 </script> -->
 
 
-
-
 <div class="container">
 
   <div class="modal fade" id="Core_I2C">
diff --git a/docs/zh_CN/unit/op180.md b/docs/zh_CN/unit/op180.md
index 1bd19d02..395e22c2 100644
--- a/docs/zh_CN/unit/op180.md
+++ b/docs/zh_CN/unit/op180.md
@@ -1,4 +1,4 @@
-# Unit OP.180 {docsify-ignore-all}
+w# Unit OP.180 {docsify-ignore-all}
 
 <img src="assets/img/product_pics/unit/op180/unit_op180_01.jpg" width="30%" height="30%"> <img src="assets/img/product_pics/unit/op180/unit_op180_02.jpg" width="30%" height="30%"> <img src="assets/img/product_pics/unit/op180/unit_op180_03.jpg" width="30%" height="30%">