diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 1b3f64df..0bc0756f 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -41,13 +41,13 @@ body[data-page="en/uiflow/uiflow_home_page.md"] article.markdown-section {
 }
 
 .uiflow_banner{
-    position: absolute;
+    position: relative;
 }
 
 .uiflow_title{
-    position: relative;
-    top: 30px;
-    z-index: 9999;
+    position: absolute;
+    top: 10px;
+    left: 10px;
 }
 
 
diff --git a/docs/assets/img/product_pics/core/minicore/m5stickc/m5stickc_03.jpg b/docs/assets/img/product_pics/core/minicore/m5stickc/m5stickc_03.jpg
new file mode 100644
index 00000000..72ac72bc
Binary files /dev/null and b/docs/assets/img/product_pics/core/minicore/m5stickc/m5stickc_03.jpg differ
diff --git a/docs/en/app/bala.md b/docs/en/app/bala.md
index 37ee3635..0e5a7b3f 100644
--- a/docs/en/app/bala.md
+++ b/docs/en/app/bala.md
@@ -38,7 +38,7 @@ LCD | 2 inch, 320x240 Colorful TFT LCD, ILI9341
 Speaker | 1W-0928
 Microphone | MEMS Analog BSE3729 Microphone
 LED | SK6812 3535 RGB LED x 10
-MEMS | MPU9250 (MPU6050 + AK8963)
+MEMS |  BMM150+(MPU6886/SH200Q)
 Battery | 550mAh @ 3.7V, inside
 Op.Temp. | 32°F to 104°F ( 0°C to 40°C )
 Size | 54 x 54 x 21 mm
diff --git a/docs/en/core/face_kit.md b/docs/en/core/face_kit.md
index 480fd167..8548cbe6 100644
--- a/docs/en/core/face_kit.md
+++ b/docs/en/core/face_kit.md
@@ -57,7 +57,7 @@ Other than 3 functional panels, this development kit comes with more stuff like
 - ESP32-based
 - Case Material: PC + ABS
 - 16 MByte flash(old：4 MByte flash)
-- BMM150 + SH200Q/MPU6886
+- BMM150 + MPU6886
 - Speaker, 3 Buttons, LCD(320*240), 1 Reset
 - 2.4G Antenna: Proant 440
 - TF card slot (16G Maximum size)
@@ -69,9 +69,6 @@ Other than 3 functional panels, this development kit comes with more stuff like
 - Product Size：108.2mm x 54.2mm x 18.7mm
 - Product weight：264.6g
 
-**Notice:**
-
-There are two IMU sensor versions (MPU6886 and SH200Q) in the mainframe (Gray) equipped with the FACES Kit currently on sale, which are basically the same in function.
 
 ### Faces Encoder
 <img src="assets/img/product_pics/core/faces_kit/ENCODER_large.jpg">
diff --git a/docs/en/core/fire.md b/docs/en/core/fire.md
index fdb46b17..90d6e301 100644
--- a/docs/en/core/fire.md
+++ b/docs/en/core/fire.md
@@ -98,13 +98,22 @@ There are two versions of IMU sensors (MPU6886 and SH200Q) currently available o
  <tr><td>IP5306</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-**9-Axis Posture Sensor MPU9250**
+**6-Axis MotionTracking Sensor MPU6886**
 
-*I2C address 0x68*
+*MPU6886 I2C address 0x68*
 
 <table>
  <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
- <tr><td>MPU9250</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+ <tr><td>MPU6886</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
+
+**3-Axis Geomagnetic Sensor BMM150**
+
+*BMM150 I2C address 0x10*
+
+<table>
+ <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>BMM150</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
 ### M5GO Base Port
diff --git a/docs/en/core/gray.md b/docs/en/core/gray.md
index b1bdc2a9..dad5f582 100644
--- a/docs/en/core/gray.md
+++ b/docs/en/core/gray.md
@@ -10,7 +10,7 @@
 
 ## Description
 
-**M5Stack GRAY Kit** is from one of the M5Stack development kit series, it’s a upgrade from the Basic kits. In comparison, Gray kit provide a extra IMU sensor, MPU9250.
+**M5Stack GRAY Kit** is from one of the M5Stack development kit series, it’s a upgrade from the Basic kits. In comparison, Gray kit provide a extra IMU sensor,  BMM150 + MPU6886.
 
 With a IMU posture sensor, you can include posture detection in your work : accelerated speed, angulation, and trajectory detection. You can make relative products like sports data collector, 3D remote gesture controller and more.
 
@@ -30,7 +30,7 @@ Supported development platforms and program languages: Arduino, Blockly language
 - ESP32-based
 - Case Material: PC + ABS
 - 16 MB Flash
-- BMM150 + SH200Q/MPU6886
+- BMM150 + MPU6886
 - Speaker, 3 Buttons, LCD(320*240), 1 Reset
 - 2.4G Antenna: Proant 440
 - TF card slot (Up to 16GB support)
@@ -43,10 +43,6 @@ Supported development platforms and program languages: Arduino, Blockly language
 - Product weight：49.2g
 
 
-**Notice:**
-
-There are two versions of IMU sensors (MPU6886 and SH200Q) currently available on the Gray host, which are basically identical in function.
-
 
 ### ESP32 Features
 
diff --git a/docs/en/core/m5go.md b/docs/en/core/m5go.md
index 5719090f..dd560222 100644
--- a/docs/en/core/m5go.md
+++ b/docs/en/core/m5go.md
@@ -86,13 +86,22 @@ This M5GO kit is specifically designed for STEM education. The pack includes 1 M
  <tr><td>IP5306</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-**9-Axis Posture Sensor MPU9250**
+**6-Axis MotionTracking Sensor MPU6886**
 
-*I2C address 0x68*
+*MPU6886 I2C address 0x68*
 
 <table>
  <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
- <tr><td>MPU9250</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+ <tr><td>MPU6886</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
+
+**3-Axis Geomagnetic Sensor BMM150**
+
+*BMM150 I2C address 0x10*
+
+<table>
+ <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>BMM150</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
 #### M5GO Base Port
diff --git a/docs/en/core/m5go_lite.md b/docs/en/core/m5go_lite.md
index a5520979..54958fe5 100644
--- a/docs/en/core/m5go_lite.md
+++ b/docs/en/core/m5go_lite.md
@@ -88,15 +88,23 @@ All M5stack development board can be programmed through Arduino IDE, WebIDE UIFl
  <tr><td>IP5306</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-**9-Axis Posture Sensor MPU9250**
+**6-Axis MotionTracking Sensor MPU6886**
 
-*I2C address 0x68*
+*MPU6886 I2C address 0x68*
 
 <table>
  <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
- <tr><td>MPU9250</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+ <tr><td>MPU6886</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
+**3-Axis Geomagnetic Sensor BMM150**
+
+*BMM150 I2C address 0x10*
+
+<table>
+ <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>BMM150</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
 #### M5GO Base Port
 
 **GROVE Port B**
diff --git a/docs/en/core/m5stickc.md b/docs/en/core/m5stickc.md
index 6079f32b..bfde2c05 100644
--- a/docs/en/core/m5stickc.md
+++ b/docs/en/core/m5stickc.md
@@ -71,6 +71,9 @@ Installation steps: 1. Click the link below to download the driver installation
 There are two versions of IMU sensors (MPU6886 and SH200Q) currently available on the M5StickC host, which are basically identical in function.
 
 
+<img src="assets/img/product_pics/core/minicore/m5stickc/m5stickc_03.jpg" width=50% height=50%>
+
+
 ## ESP32 Features
 
 - 240 MHz dual core Tensilica LX6 microcontroller with 600 DMIPS
diff --git a/docs/en/hat/hat-beetlec.md b/docs/en/hat/hat-beetlec.md
index 052ee462..5fcbcd27 100644
--- a/docs/en/hat/hat-beetlec.md
+++ b/docs/en/hat/hat-beetlec.md
@@ -1,6 +1,6 @@
 # Beetlec {docsify-ignore-all}
 
-<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_01.jpg" width="30%" height="30%">
+<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_01.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_02.jpg" width="30%" height="30%">
 
 
 :memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo-min.jpg">**[EasyLoader](#EasyLoader)**&nbsp;&nbsp;
@@ -14,7 +14,8 @@ BeatleC works together with  M5StickC controller. On the base, we have two DC ge
 The body of the robotic car is inclined because the wheels we put on front and back are different sizes as you can see from the pictures. 
 Besides, a power switch is placed at the front.
 
-<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_02.jpg" width="50%" height="30%">
+
+<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_03.jpg" width="30%" height="30%">
 
 ## Product Feature
 
@@ -64,7 +65,7 @@ Besides, a power switch is placed at the front.
 
 ### Control Page
 
-<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_03.png" width="40%" height="30%">
+<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_04.jpg" width="40%">
 
 - Push upwards the control bar to speed up the wheel and push down to slow down.
 - There are four color bolcks at the bottom. The colorful blocks are used to turn on all RGB LEDs at the bottom to the specified color. Block with black will turn off the light.
diff --git a/docs/en/uiflow/uiflow_home_page.md b/docs/en/uiflow/uiflow_home_page.md
index 45720729..8b50e3ea 100644
--- a/docs/en/uiflow/uiflow_home_page.md
+++ b/docs/en/uiflow/uiflow_home_page.md
@@ -1,20 +1,20 @@
-<div style="margin-top: 70px;width: 100%;height:60%">
-  <div class="uiflow_banner">
-    <div></div>
+  <div class="container uiflow_banner">
+      <div>
+        <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/uiflow_home_page.jpg">
+      </div>
+      <div style="margin-top:30px">
+        <h1 class="jumbotron-heading">UIFlow</h1>
+        <p class="lead text-muted">A Web IoT programming platform using Blockly+Python.</p>
+        <p>
+          <a href="http://flow.m5stack.com/" target="view_window" class="btn btn-primary my-2" style="color:white;text-decoration:none">Go to UIFlow</a>
+          <a class="btn btn-secondary my-2" style="color:white;text-decoration:none" onclick= page_move("tutorial")>Tutorial</a>
+        </p>
+      </div>
   </div>
-  <div class="container uiflow_titl">
-    <h1 class="jumbotron-heading">UIFlow</h1>
-    <p class="lead text-muted">A Web IoT programming platform using Blockly+Python.</p>
-    <p>
-      <a href="http://flow.m5stack.com/" target="view_window" class="btn btn-primary my-2" style="color:white;text-decoration:none">Go to UIFlow</a>
-      <!-- <a href="#" class="btn btn-secondary my-2" style="color:white;text-decoration:none">查看教程</a> -->
-    </p>
-  </div>
-</div>
 
 
 
-<div class="container">
+<div class="container" style="margin-top:60px" id="tutorial">
 <div class="row">
           <div class="col-md-4">
             <h2>Introduction</h2>
@@ -50,4 +50,6 @@
             <p><a class="btn btn-secondary" href="#/en/uiflow/advanced" role="button">View details »</a></p>
           </div>
   </div>
-</div>
\ No newline at end of file
+</div>
+
+<br><br><br><br>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 853cff45..6792bc80 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -62,9 +62,15 @@
                     <a class="dropdown-item" href="https://github.com/m5stack/UIFlow-Code/wiki">MicroPython API</a>
                 </div>
             </div>
+            <!-- <div class="p-2 text-dark dropdown">Platform
+                <div>
+                    <a id="uiflow" class="dropdown-item" href="#/en/uiflow/uiflow_home_page">UIFlow</a>
+                    <a class="dropdown-item" href="https://github.com/m5stack/UIFlow-Code/wiki">Arduino</a>
+                </div>
+            </div> -->
             <a id="cases" class="p-2 text-dark" href="#/en/case">M5Stack Cases</a>
+            <a id="uiflow"  class="p-2 text-dark" href="#/en/uiflow/uiflow_home_page">UIFlow</a>
             <a id="related" class="p-2 text-dark" href="#/en/related_documents">Related Documents</a>
-            <a id="uiflow" class="p-2 text-dark" href="#/en/uiflow/uiflow_home_page">UIFlow</a>
             <a id="faq" class="p-2 text-dark" href="#/en/faq" style="margin-right: 70px;">FAQ</a>
         </nav>
         <a id="language" class="btn btn-primary" style="color:#fff" onclick="language()">中文</a>
@@ -221,8 +227,6 @@
     <script src="https://unpkg.com/prismjs/components/prism-arduino.min.js"></script> -->
 </body>
 
-
-
 <!-- <script>setTimeout(function(){(function(){var xhr=new XMLHttpRequest();xhr.open("GET","https://web-admin.m5stack.com/api/statistic/platform");xhr.send();xhr.onerror=function(err){console.log(err)}})()});</script> -->
 
 </html>
\ No newline at end of file
diff --git a/docs/zh_CN/app/bala.md b/docs/zh_CN/app/bala.md
index d483f40d..4a1ba3f4 100644
--- a/docs/zh_CN/app/bala.md
+++ b/docs/zh_CN/app/bala.md
@@ -37,7 +37,7 @@ LCD | 2 英寸, 320x240 彩色 TFT LCD, ILI9341
 扬声器 | 1W-0928
 麦克风 | MEMS 模拟 BSE3729 麦克风
 LED | SK6812 3535 RGB LED x 10
-MEMS | MPU9250 (MPU6050 + AK8963)
+MEMS | BMM150+(MPU6886/SH200Q)
 电池 | 内置 550mAh @ 3.7V
 工作温度 | 32°F 至 104°F ( 0°C 至 40°C )
 尺寸 | 54 x 54 x 21 mm
diff --git a/docs/zh_CN/core/face_kit.md b/docs/zh_CN/core/face_kit.md
index 04ec2fde..ba68be6b 100644
--- a/docs/zh_CN/core/face_kit.md
+++ b/docs/zh_CN/core/face_kit.md
@@ -42,7 +42,7 @@
 - USB Type-C
 - 基于 ESP32 开发
 - 16 MByte flash(旧版：4 MByte flash)
-- BMM150 + SH200Q/MPU6886
+- BMM150 + MPU6886
 - 扬声器，按键x3，LCD屏幕（320 * 240），电源/复位按键x1
 - 2.4G天线：Proant 440
 - TF卡插槽（最大可拓展16GB）
@@ -54,9 +54,6 @@
 - 产品尺寸：58.2mm x 54.2mm x 18.7mm
 - 产品重量：264.6g
 
-**注意:**
-
-目前发售的FACES Kit所搭载的主机（Gray）存在两种IMU传感器版本（MPU6886与SH200Q），它们在功能上基本一致.
 
 
 ## 套件清单:
diff --git a/docs/zh_CN/core/fire.md b/docs/zh_CN/core/fire.md
index acc4f4d2..89fc51f3 100644
--- a/docs/zh_CN/core/fire.md
+++ b/docs/zh_CN/core/fire.md
@@ -8,7 +8,7 @@
 
 ## 描述
 
-**M5Stack FIRE Kit** 是M5Stack开发套件系列中的一款，主打高性能的开发套件.它作为Gray套件的升级版，采用SH200Q+BMM150传感器组合（六轴姿态加速度计+三轴磁力计），配备更强性能的硬件资源：16M Flash, 4M PSRAM, 增强型 Base（M5GO 底座和M5GO 充电底座），更大容量的电池等.对于对硬件性能方面有所要求的开发者来说,Fire是一个非常不错的选择.
+**M5Stack FIRE Kit** 是M5Stack开发套件系列中的一款，主打高性能的开发套件.它作为Gray套件的升级版，提供九轴运动传感器（六轴姿态加速度计+三轴磁力计），配备更强性能的硬件资源：16M Flash, 4M PSRAM, 增强型 Base（M5GO 底座和M5GO 充电底座），更大容量的电池等.对于对硬件性能方面有所要求的开发者来说,Fire是一个非常不错的选择.
 
 我们可以在很多的应用场景中使用姿态传感器用作:检测加速度、角度、轨迹延伸等数据.根据这些去制作出相关的产品，如运动数据采集器，3D远程手势控制器等.
 
@@ -98,14 +98,23 @@ Fire 中的 GPIO 16 / 17 默认与PSRAM连接，这使得.
  <tr><td>IP5306</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-<!-- **SH200Q+BMM150**
+**6-Axis MotionTracking Sensor MPU6886**
 
-*I2C 地址 0x68*
+*MPU6886 I2C address 0x68*
 
 <table>
  <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
- <tr><td>MPU9250</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
-</table> -->
+ <tr><td>MPU6886</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
+
+**3-Axis Geomagnetic Sensor BMM150**
+
+*BMM150 I2C address 0x10*
+
+<table>
+ <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>BMM150</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
 
 #### M5GO 底座管脚
 
diff --git a/docs/zh_CN/core/gray.md b/docs/zh_CN/core/gray.md
index 29531276..e9bf1ec6 100644
--- a/docs/zh_CN/core/gray.md
+++ b/docs/zh_CN/core/gray.md
@@ -29,7 +29,7 @@
 - USB Type-C
 - 基于ESP32开发
 - 16 MByte flash
-- BMM150 + SH200Q/MPU6886
+- BMM150 + MPU6886
 - 扬声器，按键x3，LCD屏幕（320 * 240），电源/复位按键x1
 - 2.4G天线：Proant 440
 - TF卡插槽（最大可拓展16GB）
@@ -40,10 +40,6 @@
 - 开发平台 [UIFlow](http://flow.m5stack.com), [MicroPython](http://micropython.org/), [Arduino](http://www.arduino.cc)
 
 
-**注意:**
-
-目前发售的Gray主机存在两种IMU传感器版本（MPU6886与SH200Q），它们在功能上基本一致.
-
 ### ESP32特性
 
 - 240 MHz双核Tensilica LX6微控制器，性能达到 600 DMIPS
@@ -104,15 +100,24 @@
  <tr><td>IP5306</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-**6轴姿态传感器 MPU6886**
+**6-Axis MotionTracking Sensor MPU6886**
 
-*MPU6886 I2C 地址为 0x68*
+*MPU6886 I2C address 0x68*
 
 <table>
  <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
  <tr><td>MPU6886</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
+**3-Axis Geomagnetic Sensor BMM150**
+
+*BMM150 I2C address 0x10*
+
+<table>
+ <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>BMM150</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
+
 **3轴磁力计 BMM150**
 
 *BMM150 I2C 地址为 0x10*
diff --git a/docs/zh_CN/core/m5go.md b/docs/zh_CN/core/m5go.md
index 062e19aa..f6afadd0 100644
--- a/docs/zh_CN/core/m5go.md
+++ b/docs/zh_CN/core/m5go.md
@@ -80,13 +80,22 @@
  <tr><td>IP5306</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-**九轴姿态传感器 MPU9250**
+**6-Axis MotionTracking Sensor MPU6886**
 
-*I2C地址为0x68*
+*MPU6886 I2C address 0x68*
 
 <table>
  <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
- <tr><td>MPU9250</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+ <tr><td>MPU6886</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
+
+**3-Axis Geomagnetic Sensor BMM150**
+
+*BMM150 I2C address 0x10*
+
+<table>
+ <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>BMM150</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
 #### M5GO 底座管脚
diff --git a/docs/zh_CN/core/m5go_lite.md b/docs/zh_CN/core/m5go_lite.md
index 05ec1c8e..76d29a76 100644
--- a/docs/zh_CN/core/m5go_lite.md
+++ b/docs/zh_CN/core/m5go_lite.md
@@ -82,13 +82,22 @@
  <tr><td>IP5306</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-**九轴姿态传感器MPU9250**
+**6-Axis MotionTracking Sensor MPU6886**
 
-*I2C地址为0x68*
+*MPU6886 I2C address 0x68*
 
 <table>
  <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
- <tr><td>MPU9250</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+ <tr><td>MPU6886</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
+
+**3-Axis Geomagnetic Sensor BMM150**
+
+*BMM150 I2C address 0x10*
+
+<table>
+ <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>BMM150</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
 #### M5GO底座管脚
diff --git a/docs/zh_CN/core/m5stickc.md b/docs/zh_CN/core/m5stickc.md
index 0d6c4105..fef77759 100644
--- a/docs/zh_CN/core/m5stickc.md
+++ b/docs/zh_CN/core/m5stickc.md
@@ -71,6 +71,9 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
 目前发售的M5StickC存在两种IMU传感器版本（MPU6886与SH200Q），它们在功能上基本一致.
 
 
+<img src="assets/img/product_pics/core/minicore/m5stickc/m5stickc_03.jpg" width=50% height=50%>
+
+
 ### ESP32特性
 
 - 240 MHz双核Tensilica LX6微控制器，性能达到 600 DMIPS
diff --git a/docs/zh_CN/hat/hat-beetlec.md b/docs/zh_CN/hat/hat-beetlec.md
index d7067826..83bc7765 100644
--- a/docs/zh_CN/hat/hat-beetlec.md
+++ b/docs/zh_CN/hat/hat-beetlec.md
@@ -1,6 +1,6 @@
 # BeetleC  {docsify-ignore-all}
 
-<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_01.jpg" width="30%" height="30%">
+<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_01.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_02.jpg" width="30%" height="30%">
 
 :memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo-min.jpg">**[EasyLoader](#EasyLoader)**&nbsp;&nbsp;
 
@@ -14,7 +14,7 @@ Beetlec底座需要结合M5StickC控制器使用.在底座上，配备了两个
 车身外观是略微倾斜的，由正面和背面的车轮尺寸不同，如图所示.此外，电源开关位于机身前部.
 
 
-<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_02.jpg" width="50%" height="30%">
+<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_03.jpg" width="30%" height="30%">
 
 ## 产品特性
 
@@ -67,7 +67,7 @@ Beetlec底座需要结合M5StickC控制器使用.在底座上，配备了两个
 
 ### 控制页面
 
-<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_03.png" width="40%" height="30%">
+<img src="assets\img\product_pics\hat\beetlec_hat\beetlec_hat_04.jpg" width="40%">
 
 - 向上推动控制杆以加速车轮，向下推动减速.
 - 底部有四个颜色的螺栓.彩色块用于打开底部的所有RGB LED指定的颜色. 黑色挡将关闭灯.
diff --git a/docs/zh_CN/uiflow/uiflow_home_page.md b/docs/zh_CN/uiflow/uiflow_home_page.md
index fe761e50..6328e91e 100644
--- a/docs/zh_CN/uiflow/uiflow_home_page.md
+++ b/docs/zh_CN/uiflow/uiflow_home_page.md
@@ -1,20 +1,20 @@
-<div style="margin-top: 70px;width: 100%;height:60%">
-  <div class="uiflow_banner">
-    <div></div>
+<div class="container uiflow_banner">
+      <div>
+        <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/uiflow_home_page.jpg">
+      </div>
+      <div style="margin-top:30px">
+        <h1 class="jumbotron-heading">UIFlow</h1>
+        <p class="lead text-muted">一个采用Blockly+Python的Web物联网编程平台.</p>
+        <p>
+          <a href="http://flow.m5stack.com/" target="view_window" class="btn btn-primary my-2" style="color:white;text-decoration:none">访问UIFlow</a>
+          <a class="btn btn-secondary my-2" style="color:white;text-decoration:none" onclick= page_move("tutorial")>查看教程</a>
+        </p>
+      </div>
   </div>
-  <div class="container uiflow_titl">
-    <h1 class="jumbotron-heading">UIFlow</h1>
-    <p class="lead text-muted">一个采用Blockly+Python的Web物联网编程平台.</p>
-    <p>
-      <a href="http://flow.m5stack.com/" target="view_window" class="btn btn-primary my-2" style="color:white;text-decoration:none">访问UIFlow</a>
-      <!-- <a href="#" class="btn btn-secondary my-2" style="color:white;text-decoration:none">查看教程</a> -->
-    </p>
-  </div>
-</div>
 
 
 
-<div class="container">
+<div class="container" style="margin-top:60px" id="tutorial">
 <div class="row">
           <div class="col-md-4">
             <h2>入门介绍</h2>
@@ -50,4 +50,6 @@
             <p><a class="btn btn-secondary" href="#/zh_CN/uiflow/advanced" role="button">View details »</a></p>
           </div>
   </div>
-</div>
\ No newline at end of file
+</div>
+
+<br><br><br><br>
\ No newline at end of file