diff --git a/docs/assets/img/product_pics/units/unit_example/RELAY/example_unit_relay_01.png b/docs/assets/img/product_pics/units/unit_example/RELAY/example_unit_relay_01.png
new file mode 100644
index 00000000..a0ede8eb
Binary files /dev/null and b/docs/assets/img/product_pics/units/unit_example/RELAY/example_unit_relay_01.png differ
diff --git a/docs/en/product_documents/modules/module_lorawan.md b/docs/en/product_documents/modules/module_lorawan.md
index 4fea929b..b13d8934 100644
--- a/docs/en/product_documents/modules/module_lorawan.md
+++ b/docs/en/product_documents/modules/module_lorawan.md
@@ -42,9 +42,9 @@ By default, the UART configuration: "9600, 8, n, 1"(8 bits data, no parity, 1 st
 - **[Purchase](https://www.aliexpress.com/store/product/M5Stack-New-LoRaWAN-Module-433-470Mhz-868-915MHz-with-Internal-Antenna-and-MCX-External-Antenna-Port/3226069_32953098569.html?spm=a2g1y.12024536.productList_5885011.pic_2)**
 
 <figure>
-    <img src="assets/img/product_pics/modules/LoRaWAN_01.jpg" height="300" width="300">
+    <img src="assets/img/product_pics/modules/module_lorawan_01.png" height="300" width="300">
 </figure>
 
 <figure>
-    <img src="assets/img/product_pics/modules/LoRaWAN_02.jpg" height="300" width="300">
+    <img src="assets/img/product_pics/modules/module_lorawan_02.png" height="300" width="300">
 </figure>
diff --git a/docs/zh_CN/product_documents/units/unit_relay.md b/docs/zh_CN/product_documents/units/unit_relay.md
index 2ce14975..ff5c9042 100644
--- a/docs/zh_CN/product_documents/units/unit_relay.md
+++ b/docs/zh_CN/product_documents/units/unit_relay.md
@@ -4,7 +4,7 @@
 
 ***
 
-:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-1172588106.55.3a93425e5PQbBs&id=577469172757)**
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-1172588106.55.3a93425e5PQbBs&id=577469172757)**:clapper:**[相关视频](#相关视频)**
 
 ## 描述
 
@@ -24,24 +24,25 @@
 
 ## 例程
 
-<!-- ### 1. Arduino IDE
+### 1. Arduino IDE
 
 ```c++
-DHT12 dht12; //new a object
-Adafruit_BMP280 bme;
+// RELAY is connected to GROVE B
+pinMode(26, OUTPUT);
 
-float tmp = dht12.readTemperature();//temperature
-float hum = dht12.readHumidity();//humidity
-float pressure = bme.readPressure();//pressure
+digitalWrite(26, 0);//relay opened
+delay(1000);
+digitalWrite(26, 1);//relay closed
+delay(1000);
 ```
 
 具体例程请点击[这里](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Units/RELAY/Arduino)。
 
 ### 2. UIFlow
 
-<img src="assets/img/product_pics/units/unit_example/example_unit_relay_01.png" width="30%" height="30%"> <img src="assets/img/product_pics/units/unit_example/example_unit_relay_02.png" width="55%" height="55%">
+<img src="assets/img/product_pics/units/unit_example/RELAY/example_unit_relay_01.png">
 
-具体例程请点击[这里](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Units/RELAY/UIFlow)。 -->
+具体例程请点击[这里](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Units/RELAY/UIFlow)。
 
 ## 原理图
 
@@ -51,5 +52,11 @@ float pressure = bme.readPressure();//pressure
 
 <table>
  <tr><td>M5Core(GROVE B)</td><td>GPIO36</td><td>GPIO26</td><td>5V</td><td>GND</td></tr>
- <tr><td>RELAY Unit</td><td>GPIO36</td><td>GPIO26</td><td>5V</td><td>GND</td></tr>
-</table>
\ No newline at end of file
+ <tr><td>RELAY Unit</td><td> </td><td>RELAY Pin</td><td>5V</td><td>GND</td></tr>
+</table>
+
+## 相关视频
+
+- **m5stack的简介**
+
+<iframe height=498 width=510 src='http://player.youku.com/embed/XMzg5MjA2MDQxNg==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
diff --git a/docs/zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython.md b/docs/zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython.md
index cead730a..f87dad0f 100644
--- a/docs/zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython.md
+++ b/docs/zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython.md
@@ -1,6 +1,6 @@
 # UiFlow 上手指南(Blockly/MicroPython)
 
-[UIFlow简介](https://v.youku.com/v_show/id_XMzkzNTY1ODE4MA==.html?spm=a2hzp.8244740.0.0)
+:clapper:**[相关视频](#相关视频)**
 
 ?> a. 如果你的设备还没烧录UiFlow固件的话，请参考这篇文档[如果使用M5Burner烧录固件](/zh_CN/related_documents/how_to_burn_firmware). b. 如果你是第一次使用这个Core或者想Core连接其他可联网的热点AP的话，请参考这篇文档[如果使用Core连接WIFI和UiFlow](/zh_CN/related_documents/how_to_connect_wifi_using_core)。
 
@@ -98,6 +98,16 @@ lcd.print("Hello M5Stack")
 
 *The source code of this demostration: https://tower.im/projects/65b1c6743d194d22a801ed916832eb2b/uploads/9062b4bc81b3dc9be74f92be510a81d0?version=1*
 
+## 相关视频
+
+- **UIFlow的简介**
+
+<iframe height=498 width=510 src='http://player.youku.com/embed/XMzkzNTY1ODE4MA==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+- **UIFlow的快速指南(Mac&Linux)**
+
+<iframe height=498 width=510 src='http://player.youku.com/embed/XMzgzMjQzNjIzMg==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ## 最后
 
 ?> *如果你想了解更多UiFlow方面的编程的话，可以给我们发邮件，报名我们的课程<support@m5stack.com>.*