add docs of USB DOWNLOADER

docs/en/app/lidarbot.md

@@ -4,7 +4,7 @@
 
 * * *
 
-:memo:**[Description](#Description)**   :octocat:**[Example](#Example)**   🛒**[Purchase](https://www.aliexpress.com/store/product/M5Stack-New-Lidar-Bot-Mini-Car-Lidar-8m-6Hz-McNamm-Wheels-NeoPixel-LED-Bar-with-ESP32/3226069_32951134988.html?spm=a2g1y.12024536.productList_5885013.subject_7)**
+:memo:**[Description](#Description)**   :octocat:**[Example](#Example)**   🛒**[Purchase](https://www.aliexpress.com/store/product/M5Stack-New-Lidar-Bot-Mini-Car-Lidar-8m-6Hz-McNamm-Wheels-NeoPixel-LED-Bar-with-ESP32/3226069_32951134988.html?spm=a2g1y.12024536.productList_5885013.subject_7)**      :clapper:**[Related Video](#Related-Video)**
 
 ## Description
 
@@ -157,4 +157,10 @@ void loop()
       AccessPort accessport;
 
       accessport.AnalzyCommand();// send map data to PC software
-      ```
+      ```
+
+## Related Video
+
+**Lidar Bot patrols the maze**
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/vwzqqE8cL4I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

docs/en/base/node_base.md

@@ -61,4 +61,4 @@
 
 **NODE Case - Voice Recognition**
 
-<iframe height=498 width=510 src='https://player.youku.com/embed/XNDAxNDMxMjI2NA==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe height=498 width=510 src='https://player.youku.com/embed/EpLhC5aOvuw==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

docs/en/qs.md

@@ -1,12 +1,10 @@
 # Quick Start
 
-
-
 *This document is intended to help you set up the software environment(<mark>Arudino</mark>, <mark>MicroPython</mark>) for development of M5Stack. Through a simple example we would like to illustrate how to develop M5Stack boards, firmware(<mark>Arduino</mark>) or source files(<mark>MicroPython</mark>) download to M5Stack boards.*
 
-<img src="assets/img/getting_started_pics/m5stack_core.png"> | <img src="assets/img/getting_started_pics/m5camera.jpg">
+<img src="assets/img/getting_started_pics/m5stack_core.png"> | <img src="assets/img/getting_started_pics/m5stick.png">
 ---|---
-[M5StackCore](/en/quick_start/m5core/m5stack_core_quick_start) | [M5Camera](/en/quick_start/m5camera/m5camera_quick_start)
+[M5Core](en/quick_start/m5core/m5stack_core_quick_start) | [M5stick](en/quick_start/m5stick/m5stick_quick_start)
 
 <!-- ## Practice
 

docs/en/tool/usb_downloader.md

@@ -1,4 +1,10 @@
-# M5Stack USB Downloader
+# ESP32 USB Downloader
+
+<img src="assets/img/product_pics/tool/usb_downloader_01.png" width="30%" height="30%"><img src="assets/img/product_pics/tool/usb_downloader_02.png" width="30%" height="30%">
+
+***
+
+:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[Schematic](#Schematic)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[Purchase](https://www.aliexpress.com/store/product/M5Stack-USB-TTL-UART-Serial-Adapter-Micro-controller-6PIN-Auto-Downloader-Type-C-USB/3226069_32874729163.html?spm=2114.12010615.8148356.2.26cd9d03ZAclOY)**
 
 ## Description
 
@@ -17,6 +23,8 @@ TXD led, RXD led, Power led and 6pin @ 2.54mm bus sockets.
 |           5           |           RXD             |
 |           6           |           3.3V            |
 
+<img src="assets/img/product_pics/tool/usb_downloader_03.png"  width="60%" height="60%">
+
 ### NOTE
 
 There are two reserved pins(RTS, DTR) on M5Stack USB Downloader for other applications.
@@ -27,9 +35,12 @@ There are two reserved pins(RTS, DTR) on M5Stack USB Downloader for other applic
 
 ## Related Link
 
-- [Schematic](https://github.com/watson8544/M5Stack-UserGuide/blob/master/TOOLS_DOCS/USBtool.pdf)
 - [UserGuide](https://github.com/watson8544/M5Stack-UserGuide/blob/master/TOOLS_DOCS/M5Stack-USB-Downloader-UserGuide.md)
 
+## Schematic
+
+<img src="assets/img/product_pics/tool/usb_downloader_sch.png">
+
 <!-- <figure>
     <img src="assets/img/product_pics/unit/M5GO_Unit_moisture.jpg" height="50" width="49">
 </figure> -->

docs/en/unit/catear.md

@@ -62,4 +62,4 @@
 
 **CatEAR**
 
-<iframe height=498 width=510 src='https://player.youku.com/embed/XNDAxNDMwODEyNA==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/GKZ1xPzgSY4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

docs/index.md

@@ -145,5 +145,13 @@
 
 <!-- [![app_flir.png](http://m5-docs.oss-cn-shenzhen.aliyuncs.com/assets/img/product_pics/homepage_picture/app/app_flir_01.png)](en/app/flir) -->
 
+***
+
+<img src='assets/img/product_pics/6.jpg'> <img src='assets/img/product_pics/tool.png'>
+
+&nbsp;
+
+[![usb_downloader_01.png](http://m5-docs.oss-cn-shenzhen.aliyuncs.com/assets/img/product_pics/homepage_picture/tool/usb_downloader_01.png)](en/tool/usb_downloader)
+
 <!-- GitHub Buttons -->
 <script async defer src="https://buttons.github.io/buttons.js"></script>

docs/ja/qs.md

@@ -4,6 +4,10 @@
 
 *このページはM5Stack開発のためのソフトウェア環境（Arduino/MicroPython）構築支援のページです。開発方法や、ファームウェアやソースファイルをM5Stackに書き込む方法を簡単な例を通して説明していきます。*
 
+<img src="assets/img/getting_started_pics/m5stack_core.png"> | <img src="assets/img/getting_started_pics/m5stick.png">
+---|---
+[M5Core](ja/quick_start/m5core/m5stack_core_quick_start) | [M5stick](ja/quick_start/m5stick/m5stick_quick_start)
+
 <!-- ## イントロダクション
 
 **M5Stackはモジュール積み重ねるタイプの開発デバイスです。M5Stackの名前はModuleのM、5x5cmサイズの5、積み重ねるを意味するStackからきています。**
@@ -29,7 +33,7 @@ M5Stackを使った開発に必要なもの:
 
 以下のリストから、あなたの持っているM5Stackに合わせてコースを選択してください。 -->
 
-<img src="assets/img/getting_started_pics/m5stack_core.png"> | <img src="assets/img/getting_started_pics/m5camera.jpg"> 
+<img src="assets/img/getting_started_pics/m5stack_core.png"> | <img src="assets/img/getting_started_pics/m5camera.jpg">
 ---|---
 [M5StackCore](/ja/quick_start/m5core/m5stack_core_quick_start) | [M5Camera](/ja/quick_start/m5camera/m5camera_quick_start)
 

docs/ja/sidebar.md

@@ -1,4 +1,5 @@
 - [製品ドキュメント](ja/)
+- [入門ガイド](ja/qs)
 - [API リファレンス](ja/api)
 - [M5Stack アプリケーション](ja/case)
 - [その他のドキュメント](ja/related_documents)

docs/sidebar.md

@@ -1,4 +1,5 @@
 - [Product Documents](en/)
+- [Getting Started](en/qs)
 - [API Reference](en/api)
 - [M5Stack Cases](en/case)
 - [Related Documents](en/related_documents)

docs/zh_CN/README.md

@@ -133,9 +133,14 @@
 <!-- [![app_flir.png](http://m5-docs.oss-cn-shenzhen.aliyuncs.com/assets/img/product_pics/homepage_picture/app/app_flir_01.png)](zh_CN/app/flir) -->
 
 
-<!-- <img src='assets/img/product_pics/6.jpg'> <img src='assets/img/product_pics/tool.png'>
 
-* [M5Stack USB Downloader](zh_CN/tool/usb_downloader) -->
+***
+
+<img src='assets/img/product_pics/6.jpg'> <img src='assets/img/product_pics/tool.png'>
+
+&nbsp;
+
+[![usb_downloader_01.png](http://m5-docs.oss-cn-shenzhen.aliyuncs.com/assets/img/product_pics/homepage_picture/tool/usb_downloader_01.png)](zh_CN/tool/usb_downloader)
 
 <!-- GitHub Buttons -->
 <script async defer src="https://buttons.github.io/buttons.js"></script>

docs/zh_CN/qs.md

@@ -2,9 +2,9 @@
 
 *这篇文章主要帮助你搭建M5Stack系列产品中<mark>Arduino</mark>，<mark>MicroPython</mark>的开发环境，并通过简单的例子引导你学会使用和开发M5Stack的所有产品，实现自己的创意作品。*
 
-<img src="assets/img/getting_started_pics/m5stack_core.png"> | <img src="assets/img/getting_started_pics/m5camera.jpg">
+<img src="assets/img/getting_started_pics/m5stack_core.png"> | <img src="assets/img/getting_started_pics/m5stick.png">
 ---|---
-[M5StackCore](/zh_CN/quick_start/m5core/m5stack_core_quick_start) | [M5Camera](/zh_CN/quick_start/m5camera/m5camera_quick_start)
+[M5Core](/zh_CN/quick_start/m5core/m5stack_core_quick_start) | [M5stick](/zh_CN/quick_start/m5stick/m5stick_quick_start)
 
 <!-- ## 练习(Practice)
 

docs/zh_CN/sidebar.md

@@ -1,4 +1,5 @@
 - [产品介绍](zh_CN/)
+- [上手指南](zh_CN/qs)
 - [API参考](zh_CN/api)
 - [M5Stack案例](zh_CN/case)
 - [相关文档](zh_CN/related_documents)

docs/zh_CN/tool/usb_downloader.md

@@ -1,4 +1,10 @@
-# M5Stack USB Downloader
+# ESP32 串口转USB自动下载器
+
+<img src="assets/img/product_pics/tool/usb_downloader_01.png" width="30%" height="30%"><img src="assets/img/product_pics/tool/usb_downloader_02.png" width="30%" height="30%">
+
+***
+
+:memo:**[描述](#描述)**&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.10.3e0a425eYOpdrf&id=575091134258)**
 
 ## 描述
 
@@ -15,6 +21,9 @@
 |           5           |           RXD             |
 |           6           |           3.3V            |
 
+<img src="assets/img/product_pics/tool/usb_downloader_03.png"  width="60%" height="60%">
+
+
 ### 其他
 
 有两个引脚作为预留(RTS, DTR)
@@ -25,9 +34,12 @@
 
 ## 相关链接
 
-- [原理图](https://github.com/watson8544/M5Stack-UserGuide/blob/master/TOOLS_DOCS/USBtool.pdf)
 - [用户指南](https://github.com/watson8544/M5Stack-UserGuide/blob/master/TOOLS_DOCS/M5Stack-USB-Downloader-UserGuide.md)
 
+## 原理图
+
+<img src="assets/img/product_pics/tool/usb_downloader_sch.png">
+
 <!-- <figure>
     <img src="assets/img/product_pics/unit/M5GO_Unit_moisture.jpg" height="50" width="49">
 </figure> -->