diff --git a/docs/en/1515/6060-push.md b/docs/en/1515/6060-push.md
index 6610faf6..cab4a583 100644
--- a/docs/en/1515/6060-push.md
+++ b/docs/en/1515/6060-push.md
@@ -1,4 +1,4 @@
-# Module 6060-PUSH {docsify-ignore-all}
+# Module 6060-PUSH
 
 <div class="product_pic"><img src="assets/img/product_pics/1515/6060-push/6060_push_01.jpg"><img src="assets/img/product_pics/1515/6060-push/6060_push_02.jpg"></div>
 
diff --git a/docs/en/1515/ap.md b/docs/en/1515/ap.md
index 883aa863..565d3d8a 100644
--- a/docs/en/1515/ap.md
+++ b/docs/en/1515/ap.md
@@ -1,4 +1,4 @@
-# Aluminium_Profile1515 {docsify-ignore-all}
+# Aluminium_Profile1515
 
 <div class="product_pic"><img src="assets/img/product_pics/1515/ap/ap_ap_01.jpg"></div>
 
@@ -26,7 +26,6 @@ As more advanced,  together with the  Aluminium-Profile accessories (connectors,
   -  100mm 12/pcs(249g)
   -  50mm 12/pcs(126g)
 
-
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-accessory/products/1515-cutting-aluminum-profile-100-200-500-1000mm-used-in-assembling-device';
diff --git a/docs/en/1515/connectors.md b/docs/en/1515/connectors.md
index 3a6fc0a8..be820d0d 100644
--- a/docs/en/1515/connectors.md
+++ b/docs/en/1515/connectors.md
@@ -1,4 +1,4 @@
-# Aluminium-Profile Connectors {docsify-ignore-all}
+# Aluminium-Profile Connectors
 
 <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
 Purchase
@@ -58,8 +58,6 @@ These are different types of **1515 Aluminium-Profile** accessories, cataloged b
 
 *Notice: We don't offer tapping Aluminium-Profile by default, in order to make the M4 screw fixed in the Aluminium-Profile, you need to tap the Aluminium-Profile with tapping machine*
 
-
-
 ## Product Features
 - 1515 Aluminum Profile compatible
 
diff --git a/docs/en/1515/corner.md b/docs/en/1515/corner.md
index 1ee70166..5c881afb 100644
--- a/docs/en/1515/corner.md
+++ b/docs/en/1515/corner.md
@@ -1,4 +1,4 @@
-# Accessory CORNER {docsify-ignore-all}
+# Accessory CORNER
 
 <div class="product_pic"><img src="assets/img/product_pics/1515/corner/1515_corner_01.jpg"></div>
 
@@ -26,11 +26,6 @@ This **1515 Corner** is a type of connector for 1515 Aluminum Extrusion. It coul
     - 3x M4 screws
     - 1x cap
 
-## Weight and Size
-
-- Package size:206mm x 130mm x 15mm
-- Package weight:67g
-
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-accessory/products/plastic-corner-connector-for-1515-aluminum-profile';
diff --git a/docs/en/1515/nut.md b/docs/en/1515/nut.md
index 701ae8e9..272d3e7a 100644
--- a/docs/en/1515/nut.md
+++ b/docs/en/1515/nut.md
@@ -1,4 +1,4 @@
-# Accessory NUT {docsify-ignore-all}
+# Accessory NUT
 
 <div class="product_pic"><img src="assets/img/product_pics/1515/nut/1515_nut_01.jpg"><img src="assets/img/product_pics/1515/nut/1515_nut_02.jpg"></div>
 
diff --git a/docs/en/accessory/485t.md b/docs/en/accessory/485t.md
index 79659be9..df79164f 100644
--- a/docs/en/accessory/485t.md
+++ b/docs/en/accessory/485t.md
@@ -1,8 +1,6 @@
-# 485T {docsify-ignore-all}
+# 485T
 
-<img src="assets/img/product_pics/accessory/485t/485t_01.jpg" width="30%" height="30%">
-
-<img src="assets/img/product_pics/accessory/485t/485t_02.jpg" width="30%" height="30%">
+<div class="product_pic"><img src="assets/img/product_pics/accessory/485t/485t_01.jpg"><img src="assets/img/product_pics/accessory/485t/485t_02.jpg"></div>
 
 ## Description
 
@@ -14,9 +12,10 @@
 - Built-in power indicator: red
 
 ## Package Include
+
 -  1x 485T
 
-## Applications
+## Schematic
 
 <img src="assets/img/product_pics/accessory/485t/485t_03.jpg" width="30%" height="30%">
 <img src="assets/img/product_pics/accessory/485t/485t_04.jpg" width="30%" height="30%">
diff --git a/docs/en/accessory/battery_base.md b/docs/en/accessory/battery_base.md
index 4e465247..e08d7371 100644
--- a/docs/en/accessory/battery_base.md
+++ b/docs/en/accessory/battery_base.md
@@ -1,6 +1,6 @@
-# Accessory BATTERY-BASE {docsify-ignore-all}
+# Accessory BATTERY-BASE
 
-<img src="assets\img\product_pics\accessory\battery_base\battery_base_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\accessory\battery_base\battery_base_02.jpg" width="30%" height="30%">
+<div class="product_pic"><img src="assets\img\product_pics\accessory\battery_base\battery_base_01.jpg"><img src="assets\img\product_pics\accessory\battery_base\battery_base_02.jpg"></div>
 
 
 ## Description
@@ -16,15 +16,13 @@ You can wire it with the battery interface on M5camera board. Pay attention to t
 - Dimension: 8mmX20mmX30mm
 - Capacity: 400mAh
 - Poly Lithium Battery
+- Product Size：60mm x 57mm x 17mm
+- Product weight：23g
 
 ## Include
 
 - 1x BATTERY-BASE
 
-## Weight and Size
-- Product Size：60mm x 57mm x 17mm
-- Product weight：23g
-
 ## Applications
 
 - Power back up 
diff --git a/docs/en/accessory/bus_socket.md b/docs/en/accessory/bus_socket.md
index 48584b23..20ca27d2 100644
--- a/docs/en/accessory/bus_socket.md
+++ b/docs/en/accessory/bus_socket.md
@@ -1,13 +1,11 @@
-# Accessory BUS-Socket {docsify-ignore-all}
-
-<img src="assets/img/product_pics/accessory/bus_socket/acs_bus_socket_01.jpg" width="30%" height="30%">
+# Accessory BUS-Socket
 
+<div class="product_pic"><img src="assets/img/product_pics/accessory/bus_socket/acs_bus_socket_01.jpg"></div>
 
 ## Description
 
 **BUS-Socket** is a pair of M-BUS socket, female and male. 2X15 pins.  They share the same specification with the BUS socket on M5Cores. The male piece is 90-degree bend to the side.
 
-
 ## Product Features
 - 90-degree bend pin
 - 2x15 @ 2.54mm
diff --git a/docs/en/accessory/cable/grove_cable.md b/docs/en/accessory/cable/grove_cable.md
index 09c6d11d..227c142d 100644
--- a/docs/en/accessory/cable/grove_cable.md
+++ b/docs/en/accessory/cable/grove_cable.md
@@ -1,4 +1,4 @@
-# Accessory CONNEXT Cable {docsify-ignore-all}
+# Accessory CONNEXT Cable
 
 <div class="product_pic"><img src="assets/img/product_pics/accessory/grove_cable_01.png"></div>
 
diff --git a/docs/en/accessory/cable/lego_cable.md b/docs/en/accessory/cable/lego_cable.md
index d85bd905..18f0d875 100644
--- a/docs/en/accessory/cable/lego_cable.md
+++ b/docs/en/accessory/cable/lego_cable.md
@@ -1,4 +1,4 @@
-# Accessory LEGO Cable {docsify-ignore-all}
+# Accessory LEGO Cable
 
 <div class="product_pic"><img src="assets/img/product_pics/accessory/lego_cable_01.jpg"></div>
 
diff --git a/docs/en/accessory/converter/grove2grove.md b/docs/en/accessory/converter/grove2grove.md
index 9810732b..9b691156 100644
--- a/docs/en/accessory/converter/grove2grove.md
+++ b/docs/en/accessory/converter/grove2grove.md
@@ -1,13 +1,11 @@
-# Accessory GROVE2GROVE {docsify-ignore-all}
+# Accessory GROVE2GROVE
 
-<img src="assets/img/product_pics/accessory/grove2grove/acs_grove2grove_01.jpg" width="30%" height="30%">
+<div class="product_pic"><img src="assets/img/product_pics/accessory/grove2grove/acs_grove2grove_01.jpg"></div>
 
 ## Description
 
 **GROVE2GROVE** is a GROVE extension connector. Two female GROVE port sit back-to-back.  One common use of this part is for the RGB LED strip extension.
 
-<img src="assets/img/product_pics/accessory/grove2grove/acs_grove2grove_02.jpg" width="30%" height="30%"> <img src="assets/img/product_pics/accessory/grove2grove/acs_grove2grove_03.jpg" width="30%" height="30%">
-
 ## Product Features 
 - Grove connector
   
diff --git a/docs/en/accessory/converter/grove_t.md b/docs/en/accessory/converter/grove_t.md
index 66458081..f1d3f063 100644
--- a/docs/en/accessory/converter/grove_t.md
+++ b/docs/en/accessory/converter/grove_t.md
@@ -1,6 +1,6 @@
-# Accessory CONNEXT-T {docsify-ignore-all}
+# Accessory CONNEXT-T
 
-<img src="assets/img/product_pics/accessory/grove_t_01.png" width="30%" height="30%">
+<div class="product_pic"><img src="assets/img/product_pics/accessory/grove_t_01.png"></div>
 
 ## Description
 
@@ -8,8 +8,6 @@
 
 Notice: **CONNEXT-T** is just a hardware expander, if you are looking for hardware and software(standard protocol) expander like I2C, Single-bus, please check **PaHUB** or **PbHUB**. If you connectted two I2C slave devices onto **HUB** that share the same adress, you will have problem getting I2C data from both.
 
-<img src="assets/img/product_pics/accessory/grove_t_02.png" width="60%" height="60%">
-
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-accessory/products/grove-t-connector-5pcs-a-pack';
diff --git a/docs/en/accessory/frame.md b/docs/en/accessory/frame.md
index 88c6e405..9c9349e8 100644
--- a/docs/en/accessory/frame.md
+++ b/docs/en/accessory/frame.md
@@ -1,25 +1,18 @@
-# Accessory Frame {docsify-ignore-all}
-
-<img src="assets/img/product_pics/accessory/frame_01.jpg" width="30%" height="30%">
-
-<img src="assets/img/product_pics/accessory/frame_02.jpg" width="30%" height="30%">
+# Accessory Frame
 
+<div class="product_pic"><img src="assets/img/product_pics/accessory/frame_01.jpg"><img src="assets/img/product_pics/accessory/frame_02.jpg"></div>
 
 ## Description
 
-**Frame** , like its namesake, is a frame for M5Core.  It gives you an extra structure supporting or containing M5Core.
+**Frame** like its namesake, is a frame for M5Core.  It gives you an extra structure supporting or containing M5Core.
 
 ## Include
 
 -  1x FRAME
 -  4x hexagon screw KA2x4
 -  1x Allen wrench
-
-## Weight and Size
-
-- Size：190mm * 100mm * 5mm
-- weight：22g
-
+-  size：190mm * 100mm * 5mm
+-  weight：22g
 
 ## Related Link
 
diff --git a/docs/en/accessory/glass_panel_repair_kit.md b/docs/en/accessory/glass_panel_repair_kit.md
index a4eecb44..7c1f773e 100644
--- a/docs/en/accessory/glass_panel_repair_kit.md
+++ b/docs/en/accessory/glass_panel_repair_kit.md
@@ -8,7 +8,6 @@
 
 As time goes by, the screen surface and buttons of the M5Core may be filled with various scratches and abrasions. In addition to providing a better visual experience, the replacement of the new external screen is also a protective measure for the screen.
 
-
 ## Product Feature
 
 - External screen material: Acrylic (acrylic material)
@@ -21,11 +20,6 @@ As time goes by, the screen surface and buttons of the M5Core may be filled with
 - 3x panel buttons
 - 1x suction cup
 
-## Weight and Size
-
-- Size：95mm * 65mm * 25mm
-- weight：29g
-
 ## Replacement tutorial
 
 >Remove the base, remove the screws that secure the circuit board, and push the speaker out with a hex wrench.
diff --git a/docs/en/accessory/screw.md b/docs/en/accessory/screw.md
index 00c34b5b..c2ae6d75 100644
--- a/docs/en/accessory/screw.md
+++ b/docs/en/accessory/screw.md
@@ -1,16 +1,11 @@
-# Accessory SCREW {docsify-ignore-all}
-
-<img src="assets/img/product_pics/accessory/screw/screw_p1.png" width="30%" height="30%">
-
-<img src="assets/img/product_pics/accessory/screw/screw_p2.png" width="30%" height="30%">
+# Accessory SCREW
 
+<div class="product_pic"><img src="assets/img/product_pics/accessory/screw/screw_p1.png"><img src="assets/img/product_pics/accessory/screw/screw_p2.png"></div>
 
 ## Description
 
 **SCREW** would be a necessary tool used on M5Stack development. If you having multiple layers stacked up and you might want fix them up with something. Here comes this SCREW Accessory Kit, packed with 4 different length of M3 screws and an Allen Key. Got this sutff will definately help you making more complicated and organized work around M5Stack.
 
-<img src="assets/img/product_pics/accessory/screw/screw_p3.png" width="30%" height="30%">
-
 ## Product Features
 
 -  Specification:
@@ -20,10 +15,6 @@
       - 2x M3-32
       - 1x Allen Key
 
-## Weight and Size
-
-- Size：90mm * 50mm * 7mm
-- weight：41g
 
 <script>
 
diff --git a/docs/en/accessory/sg90_servo.md b/docs/en/accessory/sg90_servo.md
index b818d18f..45639205 100644
--- a/docs/en/accessory/sg90_servo.md
+++ b/docs/en/accessory/sg90_servo.md
@@ -1,9 +1,6 @@
-# SG90 servo {docsify-ignore-all}
-
-<img src="assets/img/product_pics/accessory/SG90_servo/servo_p1.jpg" width="30%" height="30%">
-
-<img src="assets/img/product_pics/accessory/SG90_servo/servo_p2.jpg" width="30%" height="30%">
+# SG90 servo
 
+<div class="product_pic"><img src="assets/img/product_pics/accessory/SG90_servo/servo_p1.jpg"><img src="assets/img/product_pics/accessory/SG90_servo/servo_p2.jpg"></div>
 
 ## Description
 
diff --git a/docs/en/accessory/watch.md b/docs/en/accessory/watch.md
index 0ded2817..eba4173a 100644
--- a/docs/en/accessory/watch.md
+++ b/docs/en/accessory/watch.md
@@ -1,15 +1,11 @@
-# Watch {docsify-ignore-all}
+# Watch
 
-<img src="assets\img\product_pics\accessory\watch\watch_01.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\accessory\watch\watch_02.jpg" width="30%" height="30%">
+<div class="product_pic"><img src="assets\img\product_pics\accessory\watch\watch_01.jpg"><img src="assets\img\product_pics\accessory\watch\watch_02.jpg"></div>
 
 ## Description
 
 **Watch** is an M5Core watch set. In addition to being a powerful development hardware, the M5Core has a sophisticated look that gives it the possibility to wear smart. The kit is designed for the M5Core series,Compared with the old 3D printing base, the new model uses a mold, which has a qualitative improvement in appearance and quality. in addition to the cool strap. Also equipped with a 700mAh lithium battery, allowing users to have sufficient reliable endurance while using the device.
 
-
-<img src="assets\img\product_pics\accessory\watch\watch_03.jpg" width="30%" height="30%">
-
-
 ## Product Features
 
 - 700mAh lithium battery
@@ -34,13 +30,10 @@
 - 1x hex wrench
 - 1x disassemble screwdriver
 
-
 ## Applications
 
 - smart watch
 
-
-
 ## Assembly step
 
 >Assembling the strap: Insert the matching telescopic card into the strap fixing hole, and have two small holes on both sides of the base of the watch. Place one side of the telescopic card pin into the hole and the other side with the finger. Press and place it. Complete the installation of another strap in the same way.
diff --git a/docs/en/app/ac_socket.md b/docs/en/app/ac_socket.md
index a3847617..04fcfdd0 100644
--- a/docs/en/app/ac_socket.md
+++ b/docs/en/app/ac_socket.md
@@ -1,7 +1,6 @@
-# AC Socket {docsify-ignore-all}
-
-<img src="assets\img\product_pics\app\ac_socket\ac_socket_01.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\app\ac_socket\ac_socket_02.jpg" width="30%" height="30%"> <img src="assets\img\product_pics\app\ac_socket\ac_socket_03.jpg" width="30%" height="30%">
+# AC Socket
 
+<div class="product_pic"><img src="assets\img\product_pics\app\ac_socket\ac_socket_01.jpg"><img src="assets\img\product_pics\app\ac_socket\ac_socket_02.jpg"></div>
 
 ## Description
 
@@ -12,7 +11,6 @@ Let's break it down a little bit, start with the bottom part.
 
 <img src="assets\img\product_pics\app\ac_socket\p01.jpg" width="30%" height="30%">
 
-
 - The top is where goes in the AC plug, and the relay control inside would switch on and off the power in here. 
 
 <img src="assets\img\product_pics\app\ac_socket\p02.jpg" width="30%" height="30%">
@@ -27,7 +25,6 @@ Let's break it down a little bit, start with the bottom part.
 
 <img src="assets\img\product_pics\app\ac_socket\p04.jpg" width="30%" height="30%">
 
-
 ## Product Features
 
 - RS485 OUTLET
@@ -39,26 +36,20 @@ Let's break it down a little bit, start with the bottom part.
 - INPUT : 100-240V
 - OUTPUT: 10A
 - Power Status indicator
-
-
-## Weight and Size
-
 - Product size:54mm x 54mm x 61mm
 - Product weight:130g
 
-
 ## Include
 
 - 1x AC Socket
 
-
 ## Applications
 
 -  Smart AC Socket Outlet With wire control of RS485
 
 ## Example
 
-*Use with Arduino, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/acSocketCtl).*
+[Please click here to download Arduino code](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/acSocketCtl)
 
 ## ACSocket Modbus RTU Protocol
 
@@ -129,7 +120,6 @@ Operation failed to return:
 
 `AA 85 error code CRC_L CRC_H`
 
-
 ### 2. Reading the coil
 
 The host sends:
@@ -202,7 +192,6 @@ Coil status: `01H -> coil closed ` \ `00H -> coil disconnected`
 
 Operation failed to return: `AA 81 error code CRC_L CRC_H`
 
-
 ### 3. Write device address
 
 The host sends:
@@ -258,8 +247,6 @@ Operation failed to return:
 
 `AA C1 error code CRC_L CRC_H`
 
-
-
 ### 4. Broadcast recovery device address
 
 The host sends:
diff --git a/docs/en/app/bala.md b/docs/en/app/bala.md
index 528a6c45..b93ecd41 100644
--- a/docs/en/app/bala.md
+++ b/docs/en/app/bala.md
@@ -1,17 +1,12 @@
-# Application BALA {docsify-ignore-all}
-
-<img src="assets/img/product_pics/app/bala_1.jpg" width="250" height="250"> <img src="assets/img/product_pics/app/bala_5.jpg" width="250" height="250">
+# Application BALA
 
+<div class="product_pic"><img src="assets/img/product_pics/app/bala_1.jpg"> <img src="assets/img/product_pics/app/bala_5.jpg"></div>
 
 ## Description
 
 **BALA** is short for 'Balance', like its namesake, **BALA** is a Self Balancing Robot consist of a M5 FIRE and two wheels(DC motors).
-
 This Application product comes with preloaded software, a self-balance robot application. While there are lots of open source code on Arduino as well, We especially encourage you to modify and enhance the code yourself.
-
-This Self Balancing Robot is a Two-wheeled Robot that balances vertically using a closed-loop algorithm. This Self Balancing Robot Features various modes like Position Hold, Simple Mode, Rise Mode and Joystick Control. This Robot is controllable by a Smartphone device or a Transmitter. Self Balancing robot uses data from the Accelerometer and Gyroscope to correct its orientation and position.
-
-The 2 DC driver module communicates with M5Stack FIRE through I2C bus. It's default I2C address is **0x56**.
+This Self Balancing Robot is a Two-wheeled Robot that balances vertically using a closed-loop algorithm. This Self Balancing Robot Features various modes like Position Hold, Simple Mode, Rise Mode and Joystick Control. This Robot is controllable by a Smartphone device or a Transmitter. Self Balancing robot uses data from the Accelerometer and Gyroscope to correct its orientation and position.The 2 DC driver module communicates with M5Stack FIRE through I2C bus. It's default I2C address is **0x56**.
 
 ## Product Features
 
@@ -22,6 +17,8 @@ The 2 DC driver module communicates with M5Stack FIRE through I2C bus. It's defa
 - Compatible LEGO
 - POGO Pin
 - TF Card Support
+- Product size:185mm x 108mm x 81mm
+- Product weight:247g
 
 ## PARAMETER
 
@@ -50,14 +47,9 @@ C.A.S.E | Plastic ( PC )
 
 <img src="assets/img/product_pics/app/bala_2.jpg" width="250" height="250">
 
-## Weight and Size
-
-- Product size:185mm x 108mm x 81mm
-- Product weight:247g
-
 ## Sensor calibration
 
-NOTE: Calibration required for first use！Press and hold the right C key to start the machine, and release the key after hearing the "drip" sound. The sensor will enter the calibration setting, and keep the host horizontal and still. After 3 seconds, the sensor calibration is completed, and it will automatically enter the balance mode after the calibration is completed.If you found that Bala cannot keep balance during use, it can be solved by trying to calibrate the sensor. 
+NOTE: Calibration required for first use！Press and hold the right C key to start the machine, and release the key after hearing the "drip" sound. The sensor will enter the calibration setting, and keep the host horizontal and still. After 3 seconds, the sensor calibration is completed, and it will automatically enter the balance mode after the calibration is completed.If you found that Bala cannot keep balance during use, it can be solved by trying to calibrate the sensor.
 
 ## EasyLoader
 
@@ -79,7 +71,7 @@ NOTE: Calibration required for first use！Press and hold the right C key to sta
 
 ### 1. Arduino IDE
 
-*To get complete code, please click，[click](https://github.com/m5stack/M5Stack/tree/master/examples/Modules/Bala).*
+To get complete code, please click，[click](https://github.com/m5stack/M5Stack/tree/master/examples/Modules/Bala)
 
 ## PinMap
 
@@ -87,7 +79,6 @@ NOTE: Calibration required for first use！Press and hold the right C key to sta
 
 <img src="assets\img\product_pics\app\mega328_isp.png" width="30%" height="30%">
 
-
 ## Video
 
 **BALA Case**
@@ -96,25 +87,6 @@ NOTE: Calibration required for first use！Press and hold the right C key to sta
     <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201812/M5BALA%20.mp4" type="video/mp4">
 </video>
 
-**BALA Case - Mobile phone control**
-
-<video width="500" height="315" controls>
-    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201811/Iphone%20Controlled%20M5Bala%20.mp4" type="video/mp4">
-</video>
-
-**BALA Case - Line tracer**
-
-<video width="500" height="315" controls>
-    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201901/M5BALA.mp4" type="video/mp4">
-</video>
-
-**BALA Case - Line following using mobile camera**
-
-<video width="500" height="315" controls>
-    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201812/Self-tracing%20Car.mp4" type="video/mp4">
-</video>
-
-
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-application/products/bala-esp32-development-mini-self-balancing-car';
diff --git a/docs/en/app/demo-board.md b/docs/en/app/demo-board.md
index 82b63ce9..c2978363 100644
--- a/docs/en/app/demo-board.md
+++ b/docs/en/app/demo-board.md
@@ -1,12 +1,12 @@
-# Application Demo Board {docsify-ignore-all}
+# Application Demo Board
 
-<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_DemoBoard_01.jpg" width="250" height="250"> <img src="assets/img/product_pics/app/Demo-Board/Demo-Board_02.jpg" width="250" height="250">
+<div class="product_pic"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_DemoBoard_01.jpg"> <img src="assets/img/product_pics/app/Demo-Board/Demo-Board_02.jpg"></div>
 
 ## Description
 
 **Demo Board**. This is a feast of IoT stuff, powered by M5Stack. It is an all-in-one Learning board powered by ESP32, which includes anything you can imagine in an IoT + industrial application scenarios. Let's see what you can do with it:  Robotic movement, the most commonly used serial communication port(RS485 RS232), Relay control, all different types of Button control, RF reader, speaker, Microphone and more all able to develope by an M5stack core device, so you can program this board with Blockly(UIFlow), Arduino, and Micropython.  Based on application scenarios, we've partitioned them into different functional parts with the good-looking layout and full-function performance.  Here comes the most powerful IIoT learning board.
 
-## Product Feature 
+## Product Feature
 - Fully Compatible with the M5Stack stackable and extendable system
 - Protoboard, M5-BUS extension
 - Each module comes with an individual power switch.
@@ -16,12 +16,14 @@
 - 4x DAC，4x ADC
 - 4x4 button matrix
 - 8x8 RGB LED matrix
-- Encoder 
+- Encoder
 - 1x Servo
 - DC-Motor(with feedback encoder)
-- step motor with four-phase five-wire 
+- step motor with four-phase five-wire
 - Radio frequency identification Reader
 - RS-485，RS232 series communication
+- Product size:330mm x 210mm x 95mm
+- Product weight:1120g
 
 <img src="assets/img/product_pics/app/Demo-Board/Demo-Board_03.jpg" width="250" height="250">
 
@@ -36,11 +38,6 @@
 
 <img src="assets/img/product_pics/app/Demo-Board/Demo-Board_04.jpg" width="250" height="250">
 
-## Weight and Size
-
-- Product size:330mm x 210mm x 95mm
-- Product weight:1120g
-
 ## EasyLoader
 
 <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
@@ -53,11 +50,8 @@
 
 !>3.The CP210X (USB driver) needs to be installed before the EasyLoader is burned. [Click here to view the driver installation tutorial](en/related_documents/M5Burner#install-usb-driver)
 
-
-
 ## Specification
 
-
 | **Module Name** | **working Voltage**  |**Patameter** |
 | :------: | :------: | :------: |
 | ADC | 5V | 4x ADC port/ADS1115 |
@@ -79,7 +73,7 @@
 | Proto |  | 170x holes |
 | Keyboard|   | 4x4 button matrix  |
 
-## Learn
+## Links
 
 **Datasheet**
 
@@ -101,34 +95,31 @@
 
 - [BMP280](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/hat/BMP280-DS001-11_en.pdf)
 
-
 ## Schematic
 
 - [M5IoT-kit](https://github.com/m5stack/M5-Schematic/tree/master/Applications/M5IoT-kit)
 
-
 ## Example
 
-#### Arduino IDE
+### Arduino IDE
 
--  [**Joystick**](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/joystick)
+-  [Joystick](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/joystick)
 
--  [**DHT12+BMP280**](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/ENV)
+-  [DHT12+BMP280](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/ENV)
 
--  [**Light**](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/Light)
+-  [Light](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/Light)
 
--  [**Relay**](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/Relay)
+-  [Relay](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/Relay)
 
--  [**Microphone**](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/Microphone)
+-  [Microphone](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/Microphone)
 
--  [**RGBled**](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/NEOPIXEL/Arduino)
+-  [RGBled](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/NEOPIXEL/Arduino)
 
--  [**Servo**](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/servo)
+-  [Servo](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/servo)
 
--  [**DC-Motor**](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/DC-Motor)
-
--  [**RFID**](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/RFID)
+-  [DC-Motor](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5IoT-kit/DC-Motor)
 
+-  [RFID](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/RFID)
 
 <script>
 
diff --git a/docs/en/app/flir.md b/docs/en/app/flir.md
index e2d6245b..f57af86c 100644
--- a/docs/en/app/flir.md
+++ b/docs/en/app/flir.md
@@ -1,23 +1,17 @@
-# Application FLIR {docsify-ignore-all}
-
-<img src="assets/img/product_pics/app/app_flir_01.png" width="250" height="250">
+# Application FLIR
 
+<div class="product_pic"><img src="assets/img/product_pics/app/app_flir_01.png"><img src="assets/img/product_pics/app/app_flir_02.png"></div>
 
 ## Description
 
 **FLIR** features the latest FLIR Lepton 3.0 longwave-infrared (LWIR) camera core, get two times the resolution and 4x the pixels of the previous 2.x generation
 
-<img src="assets/img/product_pics/app/app_flir_04.png">
-
 FLIR is covered by a 3D printing case, makes it a perfect functional bottom for non-contact temperature measurement, compatible with M5Core and can be controlled via I2C protocol.
 
 The effective image generate by the Lepton sensor is 160×120, but you can process the image thru program and display a different resolution.
 
-
 **Note:** If it worked for long hours, Lepton will heat up a little. But the output image is not affected.
 
-<img src="assets/img/product_pics/app/app_flir_02.png" width=50% height=50%>
-
 ## Product Features
 
 - 160×120 Effective Pixels
@@ -44,10 +38,6 @@ The effective image generate by the Lepton sensor is 160×120, but you can proce
 
 - 1x FLIR
 
-## Weight and Size
-- Package size:125mm x 67mm x 23mm
-- Package weight:110g
-
 ## Applications
 
 - Car engine failure check
@@ -67,7 +57,6 @@ The effective image generate by the Lepton sensor is 160×120, but you can proce
 
 !>3.The CP210X (USB driver) needs to be installed before the EasyLoader is burned. [Click here to view the driver installation tutorial](en/related_documents/M5Burner#install-usb-driver)
 
-
 ## Related Link
 
 - **Datasheet** - [Lepton 3&3.5](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/application/lepton-3-3.5-datasheet_en.pdf)
@@ -76,11 +65,10 @@ The effective image generate by the Lepton sensor is 160×120, but you can proce
 
 ## Example
 
-*To get complete code, please click [here](https://github.com/m5stack/Applications-Lepton3.0/tree/master/lepton3/Src/Lepton_Bot)。*
+[please click here to download Arduino code](https://github.com/m5stack/Applications-Lepton3.0/tree/master/lepton3/Src/Lepton_Bot)
 
 <img src="assets/img/product_pics/app/app_flir_03.png">
 
-
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-application/products/flir-radiometric-lepton';
diff --git a/docs/en/app/lidarbot.md b/docs/en/app/lidarbot.md
index 2d45f78f..75577f3f 100644
--- a/docs/en/app/lidarbot.md
+++ b/docs/en/app/lidarbot.md
@@ -1,14 +1,12 @@
-# Application LidarBot {docsify-ignore-all}
-
-<img src="assets/img/product_pics/app/lidarbot_01.jpg" width="250" height="250"> <img src="assets/img/product_pics/app/lidarbot_03.jpg" width="250" height="250">
+# Application LidarBot
 
+<div class="product_pic"><img src="assets/img/product_pics/app/lidarbot_01.jpg"><img src="assets/img/product_pics/app/lidarbot_03.jpg"></div>
 
 ## Description
 
 **LidarBot** is a powerful development kit for Automated Guided Vehicles(AGVs). Comes with a 360 Lidar sensor, 4 Mecanum wheels, M5 Core, RGB Bars and a remote conroller with Joystick panel and more.
 With 4 Mecanum wheels, you can make it move to any direction, forward, backward, to left and to right. The Lipo Batteries enpower the Robot to run long-hours. You can display the map data, that obtained from the lidar sensor, on the screen or upload somewhere else thru Wi-Fi and program it into any format.
-
-we have implemented Real-time communication via ESP-NOW between robot and remote, Mazing-runing , self-tracing and more.
+We have implemented Real-time communication via ESP-NOW between robot and remote, Mazing-runing , self-tracing and more.
 If you are interest in AGV development, We especially encourage you to modify the open source code we have offered on github and enhance it yourself.
 
 ## Product Features
@@ -90,8 +88,6 @@ If you are interest in AGV development, We especially encourage you to modify th
 
 !>3.The CP210X (USB driver) needs to be installed before the EasyLoader is burned. [Click here to view the driver installation tutorial](en/related_documents/M5Burner#install-usb-driver)
 
-
-
 ## Example
 
 *To get complete code, please click [here](https://github.com/m5stack/Applications-LidarBot/tree/master/LidarBot/Example)。*
diff --git a/docs/en/app/m5scale_diy_kit.md b/docs/en/app/m5scale_diy_kit.md
index cbe85755..db8bb01f 100644
--- a/docs/en/app/m5scale_diy_kit.md
+++ b/docs/en/app/m5scale_diy_kit.md
@@ -1,7 +1,6 @@
-# M5SCALE DIY Kit {docsify-ignore-all}
-
-<img src="assets\img\product_pics\app\m5scale_diy_kit\m5scale_diy_kit_01.jpg" width="30%" height="30%"> 
+# M5SCALE DIY Kit
 
+<div class="product_pic"><img src="assets\img\product_pics\app\m5scale_diy_kit\m5scale_diy_kit_01.jpg"></div>
 
 ## Description
 
@@ -42,10 +41,8 @@ The lego holes on bottom board allow you to place more M5 sensors for extension
 -  1x M5SCALE DIY Kit
 -  1x User Manual
 
-
 <img src="assets\img\product_pics\app\m5scale_diy_kit\m5scale_diy_kit_03.jpg" width="30%" height="30%">
 
-
 ## Package dimensions
 - Package size:220mm x 140mm x 45mm
 - Package weight:284g
@@ -55,14 +52,12 @@ The lego holes on bottom board allow you to place more M5 sensors for extension
 - High precision electronic scale
 - Small range weighing machine
 
-
 ## Links
 
 - **[M5StickC Product Page](en/core/m5stickc)**
 
 - **[Weight Unit Product Page](en/unit/weight)**
 
-
 ## EasyLoader
 
 <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
@@ -75,50 +70,15 @@ The lego holes on bottom board allow you to place more M5 sensors for extension
 
 ?>3. Currently EasyLoader is only suitable for Windows operating system, compatible with M5 system adopts ESP32 as the control core host. Before installing for M5Core, you need to install CP210X driver (you do not need to install with M5StickC as controller)[Click here to view the driver installation tutorial](en/related_documents/M5Burner#install-usb-driver)
 
-
 ## Example
 
 ### 1. Arduino IDE
 
-*To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5SCALE_DIY_kit/Arduino/M5SCALE_DIY_kit)*
-
-```arduino
-#include"HX711.h"
-#include<M5StickC.h>
-
-int Weight = 0;
-void setup() {
-  M5.begin();
-  M5.Lcd.setRotation(1);
-  M5.Lcd.setTextColor(TFT_GREEN, TFT_BLACK);
-  M5.Lcd.setTextDatum(MC_DATUM);
-  M5.Lcd.drawString("SCALE", 80, 0, 4);  
-   Init_Hx711();
-   Get_Gross();   //clear the weight
-   M5.Lcd.setTextColor(TFT_RED, TFT_BLACK);  
-   Serial.begin(115200);
-     
-}
- 
-void loop() {  
-   M5.update(); 
-//   if (M5.BtnA.wasReleased()) {
-//      Get_Maopi();
-//    }
-     Weight = Get_Weight();
-     M5.Lcd.setCursor(40,30,4);
-     M5.Lcd.fillRect(0, 30, 160, 30, TFT_BLACK);
-     M5.Lcd.printf("%d g", Weight);
-     M5.Lcd.fillRect(0, 70, 160, 10, TFT_BLACK);
-     M5.Lcd.fillRect(0, 70, Weight*0.016, 10, TFT_YELLOW);
-     delay(100);  
-
-}
-```
+[Please click here to download Arduino code](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5SCALE_DIY_kit/Arduino/M5SCALE_DIY_kit)
 
 ### 2. UIFlow
 
-*To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5SCALE_DIY_kit/UIFlow)*
+[Please click here to download UIFlow example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5SCALE_DIY_kit/UIFlow)
 
 <img src="assets/img/product_pics/app/m5scale_diy_kit/m5scale.png" >
 
diff --git a/docs/en/app/piano.md b/docs/en/app/piano.md
index 8867bb86..e3db5f20 100644
--- a/docs/en/app/piano.md
+++ b/docs/en/app/piano.md
@@ -1,24 +1,15 @@
-# Application PIANO {docsify-ignore-all}
-
-<img src="assets/img/product_pics/app/app_piano_01.png" width="30%" height="30%">
+# Application PIANO
 
+<div class="product_pic"><img src="assets/img/product_pics/app/app_piano_01.png"><img src="assets/img/product_pics/app/app_piano_02.png"></div>
 
 ## Description
 
-**PIANO** is a application base related to music or sound performing. Comes with two touch sensors(TS20) which communicate with M5 core via I2C protocol.
-
-I2C address is 0x6A and 0x7A.
-
-<img src="assets/img/product_pics/app/app_piano_02.png">
+**PIANO** is a application base related to music or sound performing. Comes with two touch sensors(TS20) which communicate with M5 core via I2C protocol,I2C address is 0x6A and 0x7A.
 
 ## Include
 
 - 1x PIANO
 
-## Package dimensions
-- Package size:250mm x 55mm x 6mm
-- Package weight:115g
-
 ## Example
 
 - [Github](https://github.com/m5stack/M5-ProductExampleCodes/blob/master/App/PIANO/Arduino/M5PIANO/M5PIANO.ino)
diff --git a/docs/zh_CN/unit/trace.md b/docs/zh_CN/unit/trace.md
index e747d7a9..40aae8b1 100644
--- a/docs/zh_CN/unit/trace.md
+++ b/docs/zh_CN/unit/trace.md
@@ -1,14 +1,10 @@
 # TRACE
 
-<div class="product_pic"><img src="assets/img/product_pics/unit/unit_trace_01.png" width="30%" height="30%">
-
-
+<div class="product_pic"><img src="assets/img/product_pics/unit/unit_trace_01.png"></div>
 
 ## 描述
 
-**TRACE** 是一款红外巡线 Unit.内置4组红外发光LED和红外敏感光电晶体管,机器人在进行移动的同时能够实时的检测地面背景颜色，并其转化为数字信号输出到微控制器.通过程序进行路线矫正，实现巡线功能.
-
-该 Unit 与 M5Core 通过 Grove A 接口通信，I2C 地址为**0x5A**.
+**TRACE** 是一款红外巡线 Unit.内置4组红外发光LED和红外敏感光电晶体管,机器人在进行移动的同时能够实时的检测地面背景颜色，并其转化为数字信号输出到微控制器.通过程序进行路线矫正，实现巡线功能.该 Unit 与 M5Core 通过 Grove A 接口通信，I2C 地址为**0x5A**.
 
 <img src="assets/img/product_pics/unit/unit_trace_02.png" width="30%" height="30%">
 
@@ -23,22 +19,12 @@
 - 1x TRACE Unit
 - 1x Grove 线
 
-
-## 尺寸重量
-
-- 包装尺寸:200mm x 100mm x 10mm
-- 包装重量:34g
-
 ## 应用
 
 - 巡线机器人
 
 ## 相关链接
 
-- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
-
-- **[官方论坛](http://forum.m5stack.com/)**
-
 - **[MEGA328 内部固件](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/TRACE/firmware_328p)**
 
 ## EasyLoader
@@ -64,44 +50,13 @@
 
 ### 1. Arduino IDE
 
-*以下代码仅为片段，如需获取完整代码， [请点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/TRACE/Arduino)。*
-
-```arduino
-#include <M5Stack.h>
-#include "Wire.h"
-
-#define TRACE_ADDR 0x5a
-
-// declaration
-#define VALUE_SPLIT
-uint8_t value;
-int SensorArray[4] = {0};
-
-// initialization
-m5.begin();
-Serial.begin(115200);
-Wire.begin();
-
-
-// read data
-Wire.beginTransmission(TRACE_ADDR);
-Wire.write(0x00);
-Wire.endTransmission();
-Wire.requestFrom(TRACE_ADDR,1);
-while(Wire.available()){
-    value = Wire.read();
-}
-SensorArray[3] = (value&0x08)>>3;
-SensorArray[2] = (value&0x04)>>2;
-SensorArray[1] = (value&0x02)>>1;
-SensorArray[0] = (value&0x01)>>0;
-```
+[请点击此处获取Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/TRACE/Arduino)
 
 <img src="assets/img/product_pics/unit/unit_trace_04.png">
 
 ### 2. UIFlow
 
-*以下代码仅为片段，如需获取完整代码， [请点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/TRACE/UIFlow)。*
+[请点击此处获取UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/TRACE/UIFlow)
 
 <img src="assets/img/product_pics/unit/unit_example/TRACE/example_unit_trace_01.png">
 
@@ -116,7 +71,6 @@ SensorArray[0] = (value&0x01)>>0;
  <tr><td>TRACE Unit</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
 </table>
 
-
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-unit/products/m5stack-trace-board-for-lidar-bot';
diff --git a/docs/zh_CN/unit/unit_fan.md b/docs/zh_CN/unit/unit_fan.md
index 30877dde..130d0385 100644
--- a/docs/zh_CN/unit/unit_fan.md
+++ b/docs/zh_CN/unit/unit_fan.md
@@ -1,8 +1,6 @@
-# FAN-UNIT  {docsify-ignore-all}
-
-<img src="assets/img/product_pics/unit/Fan/unit_fan_01.jpg" width="30%" height="30%"><img src="assets/img/product_pics/unit/Fan/unit_fan_02.jpg" width="30%" height="30%">
-
+# FAN-UNIT
 
+<div class="product_pic"><img src="assets/img/product_pics/unit/Fan/unit_fan_01.jpg"><img src="assets/img/product_pics/unit/Fan/unit_fan_02.jpg"></div>
 
 ## 描述
 
@@ -21,11 +19,6 @@
 - 1x GROVE 线
 - 2x 螺旋桨
 
-## 尺寸重量
-
-- 包装尺寸:60mm x 57mm x 17mm
-- 包装重量:24g
-
 ## 应用
 
 - 运动控制
@@ -50,42 +43,13 @@
 
 ### 1. Arduino IDE
 
-*To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/FAN).*
-
-```arduino
-#include <M5Stack.h>
-
-const int motor_pin = 21;
-int freq = 10000;
-int ledChannel = 0;
-int resolution = 10;
-void setup() {
-  // put your setup code here, to run once:
-  M5.begin();
-  M5.Lcd.setCursor(120, 110, 4);
-  M5.Lcd.println("MOTOR");
-  ledcSetup(ledChannel, freq, resolution);
-  ledcAttachPin(motor_pin, ledChannel);
-
-}
-// 0 - 1024 
-void loop() {
-  // put your main code here, to run repeatedly:
-    ledcWrite(ledChannel, 512);//0°
-    delay(1000);
-    ledcWrite(ledChannel, 0);//90°
-    delay(1000);
-    //ledcWrite(ledChannel, 30);//180°
-    //delay(1000);
-
-}
-```
+[点击此处获取Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/FAN)
 
 ### 2. UIFlow
 
 <img src="assets/img/product_pics/unit/Fan/fan.png" width="50%" height="50%">
 
-- [点击此处，获取案例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/FAN).
+[点击此处获取UIFLow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/FAN)
 
 
 <script>
diff --git a/docs/zh_CN/unit/unitv.md b/docs/zh_CN/unit/unitv.md
index 789e1559..898f8510 100644
--- a/docs/zh_CN/unit/unitv.md
+++ b/docs/zh_CN/unit/unitv.md
@@ -1,10 +1,6 @@
-# UnitV {docsify-ignore-all}
-
-<img src="assets/img/product_pics/unit/unit-v/unit_v_01.webp" width="30%" height="30%">
-<img src="assets/img/product_pics/unit/unit-v/unit_v_02.webp" width="30%" height="30%">
-<img src="assets/img/product_pics/unit/unit-v/unit_v_04.webp" width="30%" height="30%">
-
+# UnitV
 
+<div class="product_pic"><img src="assets/img/product_pics/unit/unit-v/unit_v_01.webp"><img src="assets/img/product_pics/unit/unit-v/unit_v_02.webp"></div>
 
 ## 描述
 
@@ -29,6 +25,8 @@
     - 指示灯:  RGB LED
     - 外部存储:  TF card/Micro SD
     - 接口:  PH2.0/兼容GROVE
+- 尺寸：4mm * 2.5mm * 1.5mm
+- 重量：4g
 
 ## 应用/UNIT-V可以做什么
 - 面部识别/检测
@@ -38,11 +36,6 @@
 - 形状识别
 - 视频录制
 
-## 尺寸重量
-
-- 尺寸：4mm * 2.5mm * 1.5mm
-- 重量：4g
-
 ### 包含
 
 -  1x Unit V(包含20cm 4P连接线与USB-C连接线)
@@ -88,7 +81,6 @@ Kendryte K210 是集成机器视觉能力的系统级芯片 (SoC)。使用台积
   - 传感器最佳分辨率: 1600 * 1200
   - 尺寸: 40 × 49 × 13mm
 
-
 ## SD卡测试
 
 Unit V目前并不能识别所有类型的MicroSD卡，我们对一些常见的MicroSD卡进行了测试，测试结果如下.
@@ -202,15 +194,14 @@ Unit V目前并不能识别所有类型的MicroSD卡，我们对一些常见的M
    </tr>
 </table>
 
-
 ## 相关链接
 
--  **Web page** - [sipeed](https://maixpy.sipeed.com/zh/)
+-  **Maixpy文档** - [Maixpy](https://maixpy.sipeed.com/zh/)
 -  **数据手册** - [K210](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/kendryte_datasheet.pdf)
 
 ## 案例程序
 
-*完整代码下载 [点击这里](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/UnitV/track_ball)*
+需配合RoverC使用[点击此处下载示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/UnitV/track_ball)
 
 ## 相关视频
 
diff --git a/docs/zh_CN/unit/vibrator.md b/docs/zh_CN/unit/vibrator.md
index 65d71705..10820035 100644
--- a/docs/zh_CN/unit/vibrator.md
+++ b/docs/zh_CN/unit/vibrator.md
@@ -1,14 +1,11 @@
-# Vibrator {docsify-ignore-all}
-
-<img src="assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_01.jpg" width="30%" height="30%"> <img src="assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_02.jpg" width="30%" height="30%">
-
+# Vibrator
 
+<div class="product_pic"><img src="assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_01.jpg"><img src="assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_02.jpg"></div>
 
 ## 描述
 
 **Vibrator-Motor** 是一款震动电机Unit. 采用**N20**电机与金属偏心轮制作.支持5V电源电压供电，输出轴的转速为8800 RPM（无负载）. 振动电机广泛应用于各类电子产品，用作信息提示与触摸反馈.
 
-
 ## 产品特性
 
 - 单向旋转
@@ -19,17 +16,11 @@
 - 1x Vibrator-Motor unit
 - 1x Grove线
 
-## 尺寸重量
-
-- 包装尺寸:61mm x 56mm x 17mm
-- 包装重量:25g
-
 ## 应用
 
 - 触摸反馈
 - 震动信息提示
 
-
 ## 原理图
 
 <img src="assets/img/product_pics/unit/fan/unit_fan_04.jpg" width="50%" height="50%">
@@ -48,16 +39,16 @@
 
 ## 案例程序
 
-- [点击此处，获取案例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/VIBRATOR/Arduino).
+### 1. Arduino
+
+[点击此处下载Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/VIBRATOR/Arduino)
 
 ### 2. UIFlow
 
-*To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/VIBRATOR/UIFlow)*
+[点击此处下载UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/VIBRATOR/UIFlow)
 
 <img src="assets/img/product_pics/unit/vibrator_motor/vibrator.png">
 
-
-
 ## 相关视频
 
 <video class="video_size" controls>
diff --git a/docs/zh_CN/unit/weight.md b/docs/zh_CN/unit/weight.md
index 226fd675..00e3f1bc 100644
--- a/docs/zh_CN/unit/weight.md
+++ b/docs/zh_CN/unit/weight.md
@@ -1,13 +1,10 @@
-# WEIGHT {docsify-ignore-all}
-
-<img src="assets/img/product_pics/unit/unit_weight_01.png" width="30%" height="30%">
+# WEIGHT
 
+<div class="product_pic"><img src="assets/img/product_pics/unit/unit_weight_01.png"></div>
 
 ## 描述
 
-**WEIGHT** 是一款计重 Unit.集成专为高精度电子秤而设计的24位A/D转换器芯片**HX711**.输入选择开关可任意选取通道A 或通道B，与其内部的低噪声可编程放大器（PGA）相连.通道A 的可编程增益为128 或64，对应的满额度差分输入信号幅值分别为±20mV或±40mV.通道B 则为固定的32 增益,所有控制信号由管脚驱动，无需对芯片内部的寄存器编程.
-
-在测试中，我们将使用 WEIGHT Unit 连接压力传感器，并通过M5Core显示重量测量数据
+**WEIGHT** 是一款计重 Unit.集成专为高精度电子秤而设计的24位A/D转换器芯片**HX711**.输入选择开关可任意选取通道A 或通道B，与其内部的低噪声可编程放大器（PGA）相连.通道A 的可编程增益为128 或64，对应的满额度差分输入信号幅值分别为±20mV或±40mV.通道B 则为固定的32 增益,所有控制信号由管脚驱动，无需对芯片内部的寄存器编程.在测试中，我们将使用 WEIGHT Unit 连接压力传感器，并通过M5Core显示重量测量数据.
 
 <img src="assets/img/product_pics/unit/unit_weight_04.png">
 
@@ -37,11 +34,6 @@
 - 1x WEIGHT Unit
 - 1x Grove 线
 
-## 尺寸重量
-
-- 包装尺寸:67mm x 53mm x 12mm
-- 包装重量:20g
-
 ### 应用
 
 - 微型重量计
@@ -51,7 +43,6 @@
 
 -  **Datasheet** - [HX711](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/unit/HX711_en.pdf)
 
-
 ## EasyLoader
 
 <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
@@ -70,56 +61,13 @@
 
 该案例使用10Kg量程的传感器.(单位:克)
 
-*以下代码仅为片段，如需获取完整代码， [请点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/WEIGHT/Arduino/weight)。*
-
-```arduino
-/*
-  This Unit connects to GRVOE B on M5Core.
-*/
-
-#include <M5Stack.h>
-#include "hx711.h"
-
-HX711 scale(36, 26);// GROVE B
-
-void setup() {
-  M5.begin();
-  M5.Lcd.clear(BLACK);
-  M5.Lcd.setTextSize(2);
-  M5.Lcd.setTextColor(YELLOW);
-  M5.Lcd.setCursor(50, 10);
-  M5.Lcd.print("UNIT_WEIGHT EXAMPLE\n");
-  M5.Lcd.setCursor(15, 50);
-  M5.Lcd.print("Connect Unit to GROVE B");
-  Serial.begin(115200);
-
-  scale.setOffset(125184);
-  scale.setScale(67.4);
-
-  M5.Lcd.setCursor(0, 90);
-  M5.Lcd.print("The weight: ");
-}
-
-void loop(){
-  // Serial.println(scale.averageValue());
-  float weight;
-  weight = ((float)((int)((scale.getGram()+0.005)*100)))/100;
-  // sprintf(&weight, "%0.2f", scale.getGram());
-  Serial.print("The weight: ");
-  Serial.print(weight);
-  M5.Lcd.fillRect(150, 90, 100, 20, BLACK);
-  M5.Lcd.setCursor(150, 90);
-  M5.Lcd.print(weight);
-  Serial.println(" g");
-  delay(100);
-}
-```
+[请点击此处下载Arduino示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/WEIGHT/Arduino/weight)
 
 ### 2. UIFlow
 
 每次下载程序后，需要先按下按键A进行校准.然后放置测量对象进行测量，在M5Core的屏幕上将会显示其重量.（单位:克）
 
-*以下代码仅为片段，如需获取完整代码， [请点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/WEIGHT/UIFlow)。*
+[请点击此处下载UIFlow示例](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/WEIGHT/UIFlow)
 
 <img src="assets/img/product_pics/unit/unit_example/WEIGHT/example_unit_weight_01.png">