change navigation and add arduino page

docs/assets/css/main.css

@@ -31,6 +31,17 @@ body[data-page="en/uiflow/uiflow_home_page.md"] article.markdown-section {
     padding: 0;
 }
 
+
+body[data-page="zh_CN/arduino/arduino_home_page.md"] article.markdown-section {
+    max-width: 100%;
+    padding: 0;
+}
+
+body[data-page="en/arduino/arduino_home_page.md"] article.markdown-section {
+    max-width: 100%;
+    padding: 0;
+}
+
 .pic{
     width:30%; 
 }
@@ -75,30 +86,64 @@ body[data-page="en/uiflow/uiflow_home_page.md"] article.markdown-section {
 .related_links {
 
     position: fixed;
-    top:20%;
-    right: 4%;
+    top:35%;
+    right: 0px;
     z-index: 900;
+    width: 50px;
 }
 
 
 .related_links a {
     display: block;
-    background-color: #555555;
-    width: 80px;
-    height: 80px;
+    /* background-color: #555555; */
+    width: 50px;
+    height: 50px;
     text-decoration:none;
+    transition:all .25s ease;
+    float: right;
 }
 
+
+
+.related_links a:first-child {
+    border-top-left-radius: 3px;
+    background-color: #76c5f0;
+}
+
+.related_links a:nth-child(2) {
+    background-color: #007cc2;
+}
+
+.related_links a:nth-child(3) {
+    background-color: #dc214c;
+}
+
+.related_links a:last-child {
+    border-bottom-left-radius: 3px;
+    background-color: #1f1a17;
+}
+
+
+
+
+
+
 .related_links a:hover {
-    background-color: #007bff;
+    width: 90px;
 }
 
-.related_links img {
 
+.related_links a img {
     position: relative;
-    top:12px;
-    left: 22px;
-    width: 36px;
+    top:5px;
+    left: 5px;
+    width: 40px;
+}
+
+.related_links a:last-child img{
+    top:3.5px;
+    left: 3.5px;
+    width: 43px;
 }
 
 .related_links div {

docs/en/arduino/arduino_api.md

@@ -1,21 +1,21 @@
-# Arduino API {docsify-ignore-all}
-
-## M5Core
-
-|||
-|:---:|:---:|
-|**[System](en/api/system)** | **[Speaker](en/api/speaker)** |
-|**[LCD](en/api/lcd)** | **[Button](en/api/button)** |
-|**[IMU Sensor(MPU9250)](en/api/mpu9250)** | **[TF Card](en/api/tf)** |
-|**[Power](en/api/power)** |**[I/O](en/api/gpio)** |
-|**[I2C Communication](en/api/commutil)** | **[WIFI](en/api/wifi)**|
-|**[Timer](en/api/ticker)**|
-
-
-## M5StickC
-
-|||
-|:---:|:---:|
-|**[System](en/api/system_m5stickc)** | **[Power Management(AXP192)](en/api/axp192_m5stickc)** |
-|**[TFT Screen](en/api/lcd_m5stickc)** | **[IMU(SH200Q)](en/api/sh200q_m5stickc)** |
-|**[RTC](en/api/rtc)**|
+# Arduino API {docsify-ignore-all}
+
+## M5Core
+
+|||
+|:---:|:---:|
+|**[System](en/api/system)** | **[Speaker](en/api/speaker)** |
+|**[LCD](en/api/lcd)** | **[Button](en/api/button)** |
+|**[IMU Sensor(MPU9250)](en/api/mpu9250)** | **[TF Card](en/api/tf)** |
+|**[Power](en/api/power)** |**[I/O](en/api/gpio)** |
+|**[I2C Communication](en/api/commutil)** | **[WIFI](en/api/wifi)**|
+|**[Timer](en/api/ticker)**|
+
+
+## M5StickC
+
+|||
+|:---:|:---:|
+|**[System](en/api/system_m5stickc)** | **[Power Management(AXP192)](en/api/axp192_m5stickc)** |
+|**[TFT Screen](en/api/lcd_m5stickc)** | **[IMU(SH200Q)](en/api/sh200q_m5stickc)** |
+|**[RTC](en/api/rtc)**|

docs/en/arduino/arduino_development.md

@@ -0,0 +1,101 @@
+# Arduino IDE Development{docsify-ignore-all}
+
+
+1. [Install Arduino-IDE](#Install-Arduino-IDE)
+
+2. [Install ESP32 Board](#Install-ESP32-Board)
+
+3. [Install M5Stack Library](#Install-M5Stack-Library)
+
+4. [Install USB Driver](#Install-USB-Driver)
+
+## Install Arduino-IDE
+
+
+>[Click here to visit Arduino's official website](https://www.arduino.cc/en/Main/Software),Select the installation package for your own operating system to download.
+
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_install.jpg">
+
+
+## Install ESP32 Board
+
+>1.Open up Arduino IDE, navigate to `File`->`Peferences`->`Settings`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_1.jpg">
+
+>2.Copy the following ESP32 Boards Manager url to `Additional Boards Manager URLs:`
+
+**https://dl.espressif.com/dl/package_esp32_index.json**
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_2.jpg">
+
+>3.Navigate to `Tools`->`Board:`->`Boards Manager...`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_3.jpg">
+
+>4.Search `ESP32` in the pop-up window, find it and  click `Install`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_4.jpg">
+
+>5.select `Tools`->`Board:`->`ESP32`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_5.jpg">
+
+## Install M5Stack Library
+
+>Different hardware devices, with different case libraries, please choose to download according to the device you use..Open Arduino IDE, then Select `Sketch`->`Include Library`->`Manage Libraries...`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_6.jpg">
+
+### For M5Core and M5Stick
+
+?>Search `M5Stack`  , find it and click `Install`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_7.jpg">
+
+### For M5Stick-C
+
+?>Search `M5StickC` , find it and click `Install`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_8.jpg">
+
+## Install USB Driver
+
+>1.Click on the CP210X driver for your operating system below to download.
+
+<div class="link">
+
+ <h4><span>CP210X Driver:</span></h4>
+    <p>
+    <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_Windows.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/windows_89cc6ea0-2a3c-4327-97e5-8f51f448c38b_icon.png?v=1557026574" alt="">Windows</a>
+    <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_MacOS.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/mac_large.png?v=1557026570" alt="">MacOS</a>
+    <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_Linux.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/linux_icon.png?v=1557026584" alt="">Linux</a>
+    </p>
+</div>
+
+
+
+### For Windows
+
+>Unzip the downloaded driver package, select the installer for your operating system, and double-click to install.
+
+<img src="assets/img/related_documents/Arduino_IDE/CP210X_WIN.jpg">
+
+
+### For Mac
+
+>Unzip the downloaded driver package, install the program, double-click the image file to start the installation..
+
+<img src="assets/img/related_documents/Arduino_IDE/CP210X_MAC.png">
+
+
+<style>
+
+.link a{
+
+    padding-left: 13%;
+
+}
+
+</style>s

docs/en/arduino/arduino_home_page.md

@@ -0,0 +1,34 @@
+<div class="container uiflow_banner">
+      <div>
+        <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/arduino_home_page.jpg">
+      </div>
+      <div style="margin-top:30px">
+        <h1 class="jumbotron-heading">Arduino IDE</h1>
+        <p class="lead text-muted">A familiar development platform for electronic enthusiasts</p>
+        <p>
+          <a href="https://www.arduino.cn/forum-152-1.html" target="view_window" class="btn btn-primary my-2" style="color:white;text-decoration:none">Arduino forum</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" style="margin-top:60px" id="tutorial">
+<div class="row">
+          <div class="col-md-4">
+            <h2>Introduction</h2>
+            <p class="uiflow_p">Explain several preparations before using Arduino, including software download of Arduino IDE, and related environment configuration. </p>
+            <p><a class="btn btn-secondary" href="#/en/arduino/arduino_development" role="button">View details »</a></p>
+          </div>
+          <div class="col-md-4">
+            <h2>Arduino API</h2>
+            <p class="uiflow_p">The Arduino function library provided by M5Stack. </p>
+            <p><a class="btn btn-secondary" href="#/en/arduino/arduino_api" role="button">View details »</a></p>
+          </div>
+  </div>
+
+</div>
+
+
+<br><br><br><br>

docs/en/core/fire.md

@@ -49,7 +49,7 @@ The GPIO 16 / 17 in Fire is connected to the PSRAM by default, so when you conne
 - Case Material: PC + ABS
 - 16 MB Flash
 - 4 MB PSRAM
-- BMM150 + SH200Q/MPU6886
+- BMM150 + MPU6886
 - Speaker, 3 Buttons, LCD(320*240), 1 Reset
 - 2.4G Antenna: Proant 440
 - TF card slot (16G Maximum size)

docs/en/uiflow/uiflow_home_page.md

@@ -1,16 +1,16 @@
-  <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_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>
 
 
 
@@ -34,22 +34,22 @@
   </div>
 
 <div class="row">
-          <div class="col-md-4">
-            <h2>Data structure</h2>
-            <p class="uiflow_p">Introduction to data types in UIFlow, including constants, variables, characters, random numbers, lists, etc.</p>
-            <p><a class="btn btn-secondary" href="#/en/uiflow/data_structure" role="button">View details »</a></p>
-          </div>
-          <div class="col-md-4">
-            <h2>Logic</h2>
-            <p class="uiflow_p">The use of logic judgments, operations, and conditional loops, iterations, functions, etc. in UIFlow. </p>
-            <p><a class="btn btn-secondary" href="#/en/uiflow/logic" role="button">View details »</a></p>
-          </div>
-          <div class="col-md-4">
-            <h2>Advanced</h2>
-            <p class="uiflow_p">The higher-level functions in UIFlow involve remote functions and the use of MQTT communication.</p>
-            <p><a class="btn btn-secondary" href="#/en/uiflow/advanced" role="button">View details »</a></p>
-          </div>
-  </div>
+        <div class="col-md-4">
+          <h2>Data structure</h2>
+          <p class="uiflow_p">Introduction to data types in UIFlow, including constants, variables, characters, random numbers, lists, etc.</p>
+          <p><a class="btn btn-secondary" href="#/en/uiflow/data_structure" role="button">View details »</a></p>
+        </div>
+        <div class="col-md-4">
+          <h2>Logic</h2>
+          <p class="uiflow_p">The use of logic judgments, operations, and conditional loops, iterations, functions, etc. in UIFlow. </p>
+          <p><a class="btn btn-secondary" href="#/en/uiflow/logic" role="button">View details »</a></p>
+        </div>
+        <div class="col-md-4">
+          <h2>Advanced</h2>
+          <p class="uiflow_p">The higher-level functions in UIFlow involve remote functions and the use of MQTT communication.</p>
+          <p><a class="btn btn-secondary" href="#/en/uiflow/advanced" role="button">View details »</a></p>
+        </div>
+</div>
   
 <div class="row">
           <div class="col-md-4">

docs/index.html

@@ -65,7 +65,7 @@
             <div id="platform" class="p-2 dropdown"><span>Platform</span> 
                 <div>
                     <a id="uiflow" class="dropdown-item" href="#/en/uiflow/uiflow_home_page">UIFlow</a>
-                    <a id="arduino" class="dropdown-item" href="#en/related_documents/Arduino_IDE">Arduino</a>
+                    <a id="arduino" class="dropdown-item" href="#/en/arduino/arduino_home_page">Arduino</a>
                     <a class="dropdown-item" href="https://github.com/m5stack/UIFlow-Code">MicroPython</a>
                 </div>
             </div>
@@ -83,10 +83,10 @@
         <!-- <a id="language" class="btn btn-primary" style="color:#fff" onclick="language()">中文</a> -->
     </div>
     <div class="related_links">
-        <a href="https://github.com/m5stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/github_logo.png"><div>Github</div></a>
-        <a href="https://www.youtube.com/m5stack" target="view_window"><img class="link-logo youtube" src="//cdn.shopify.com/s/files/1/0056/7689/2250/t/2/assets/youtube-w.png?16706"><div>Youtube</div></a>
-        <a href="https://www.facebook.com/M5Stack" target="view_window"><img class="link-logo facebook" src="//cdn.shopify.com/s/files/1/0056/7689/2250/t/2/assets/facebook-w.png?16706"><div>Facebook</div></a>
-        <a href="https://twitter.com/M5Stack" target="view_window"><img class="link-logo twitter" src="//cdn.shopify.com/s/files/1/0056/7689/2250/t/2/assets/twitter-w.png?16706"><div>Twitter</div></a>
+        <a href="https://twitter.com/M5Stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/twitter.jpg"></a>
+        <a href="https://www.facebook.com/M5Stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/facebook.jpg"></a>
+        <a href="https://www.youtube.com/m5stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/youtube.jpg"></a>
+        <a href="https://github.com/m5stack" target="view_window"><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/github.jpg"></a>
     </div>
     <div id="app">loading...</div>
     <!-- <div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/back_top.png" class="back_top" onclick="(function(){$('html, body').animate({scrollTop: 0}, 500);})()"></div> -->
@@ -222,7 +222,7 @@
                 $("#product").text("Product");
                 $("#product").attr("href", "#");
                 $("#arduino").text("Arduino");
-                $("#arduino").attr("href", "#en/related_documents/Arduino_IDE");
+                $("#arduino").attr("href", "#/en/arduino/arduino_home_page");
                 $("#cases").text("Cases");
                 $("#cases").attr("href", "#/en/case");
                 $("#faq").text("FAQ");
@@ -235,7 +235,7 @@
                 $("#product").text("产品列表");
                 $("#product").attr("href", "#/zh_CN/");
                 $("#arduino").text("Arduino");
-                $("#arduino").attr("href", "#/zh_CN/related_documents/Arduino_IDE");
+                $("#arduino").attr("href", "#/zh_CN/arduino/arduino_home_page");
                 $("#cases").text("案例");
                 $("#cases").attr("href", "#/zh_CN/case");
                 $("#faq").text("常见问题");
@@ -248,7 +248,7 @@
                 $("#product").text("製品リスト");
                 $("#product").attr("href", "#/ja/");
                 $("#arduino").text("Arduino");
-                $("#arduino").attr("href", "#/ja/related_documents/Arduino_IDE");
+                $("#arduino").attr("href", "#/ja/arduino/arduino_home_page");
                 $("#cases").text("事例");
                 $("#cases").attr("href", "#/ja/case");
                 $("#faq").text("問題");

docs/zh_CN/arduino/arduino_api.md

@@ -1,81 +1,81 @@
-# Arduino API {docsify-ignore-all}
-
-## M5Core
-
-|||
-|:---:|:---:|
-|**[System](zh_CN/api/system)** | **[喇叭](zh_CN/api/speaker)** |
-|**[LCD 屏](zh_CN/api/lcd)** | **[按键](zh_CN/api/button)** |
-|**[MPU9250](zh_CN/api/mpu9250)** | **[TF 卡](zh_CN/api/tf)** |
-|**[电源管理](zh_CN/api/power)** |**[I/O](zh_CN/api/gpio)** |
-|**[I2C](zh_CN/api/commutil)** |**[EEPROM](zh_CN/api/eeprom)**|
-|**[WIFI](zh_CN/api/wifi)**|
-
-<!-- <table>
-    <tr>
-        <th align="center"><a href="#/zh_CN/api/system">System</a></th>
-        <th align="center"><a href="#/zh_CN/api/speaker">喇叭</a></th>
-        <th align="center"><a href="#/zh_CN/api/speaker">LCD 屏幕</a></th>
-        <th align="center"><a href="#/zh_CN/api/speaker">按键</a></th>
-    </tr>
-    <tr>
-        <th align="center"><a href="#/zh_CN/api/system">Power</a></th>
-        <th align="center"><a href="#/zh_CN/api/speaker">TF 卡</a></th>
-        <th align="center"><a href="#/zh_CN/api/speaker">姿态传感器 (MPU9250)</a></th>
-        <th align="center"><a href="#/zh_CN/api/speaker"> </a></th>
-    </tr>
-</table> -->
-
-## M5StickC
-
-<!-- |||
-|:---:|:---:|
-|**[System](zh_CN/api/system)** | **[喇叭](zh_CN/api/speaker)** |
-|**[LCD 屏](zh_CN/api/lcd)** | **[按键](zh_CN/api/button)** |
-|**[MPU9250](zh_CN/api/mpu9250)** | **[TF 卡](zh_CN/api/tf)** |
-|**[Power](zh_CN/api/power)** | -->
-
-|||
-|:---:|:---:|
-|**[System](zh_CN/api/system_m5stickc)** | **[AXP192](zh_CN/api/axp192_m5stickc)** |
-|**[TFT 屏](zh_CN/api/lcd_m5stickc)** | **[SH200Q](zh_CN/api/sh200q_m5stickc)** |
-|**[RTC](zh_CN/api/rtc)**|
-
-<!-- |**[麦克风](zh_CN/api/spm1423_m5stickc)** | **[LED](zh_CN/api/led_m5stickc)** |
-
-|**[按键](zh_CN/api/buttom_m5stickc)** | **[红外发射](zh_CN/api/led_m5stickc)** | -->
-
-
-
-<!-- <div class="table-wrapper">
-    <table class="fl-table">
-        <thead>
-        <tr>
-            <th>Header 1</th>
-            <th>Header 2</th>
-            <th>Header 3</th>
-            <th>Header 4</th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-            <td>1</td>
-            <td>Content</td>
-            <td>Content</td>
-            <td>Content</td>
-        </tr>
-        <tr>
-            <td>2</td>
-            <td>Content</td>
-            <td>Content</td>
-            <td>Content</td>
-        </tr>
-        <tr>
-            <td>3</td>
-            <td>Content</td>
-            <td>Content</td>
-            <td>Content</td>
-        </tr>
-        <tbody>
-    </table>
+# Arduino API {docsify-ignore-all}
+
+## M5Core
+
+|||
+|:---:|:---:|
+|**[System](zh_CN/api/system)** | **[喇叭](zh_CN/api/speaker)** |
+|**[LCD 屏](zh_CN/api/lcd)** | **[按键](zh_CN/api/button)** |
+|**[MPU9250](zh_CN/api/mpu9250)** | **[TF 卡](zh_CN/api/tf)** |
+|**[电源管理](zh_CN/api/power)** |**[I/O](zh_CN/api/gpio)** |
+|**[I2C](zh_CN/api/commutil)** |**[EEPROM](zh_CN/api/eeprom)**|
+|**[WIFI](zh_CN/api/wifi)**|
+
+<!-- <table>
+    <tr>
+        <th align="center"><a href="#/zh_CN/api/system">System</a></th>
+        <th align="center"><a href="#/zh_CN/api/speaker">喇叭</a></th>
+        <th align="center"><a href="#/zh_CN/api/speaker">LCD 屏幕</a></th>
+        <th align="center"><a href="#/zh_CN/api/speaker">按键</a></th>
+    </tr>
+    <tr>
+        <th align="center"><a href="#/zh_CN/api/system">Power</a></th>
+        <th align="center"><a href="#/zh_CN/api/speaker">TF 卡</a></th>
+        <th align="center"><a href="#/zh_CN/api/speaker">姿态传感器 (MPU9250)</a></th>
+        <th align="center"><a href="#/zh_CN/api/speaker"> </a></th>
+    </tr>
+</table> -->
+
+## M5StickC
+
+<!-- |||
+|:---:|:---:|
+|**[System](zh_CN/api/system)** | **[喇叭](zh_CN/api/speaker)** |
+|**[LCD 屏](zh_CN/api/lcd)** | **[按键](zh_CN/api/button)** |
+|**[MPU9250](zh_CN/api/mpu9250)** | **[TF 卡](zh_CN/api/tf)** |
+|**[Power](zh_CN/api/power)** | -->
+
+|||
+|:---:|:---:|
+|**[System](zh_CN/api/system_m5stickc)** | **[AXP192](zh_CN/api/axp192_m5stickc)** |
+|**[TFT 屏](zh_CN/api/lcd_m5stickc)** | **[SH200Q](zh_CN/api/sh200q_m5stickc)** |
+|**[RTC](zh_CN/api/rtc)**|
+
+<!-- |**[麦克风](zh_CN/api/spm1423_m5stickc)** | **[LED](zh_CN/api/led_m5stickc)** |
+
+|**[按键](zh_CN/api/buttom_m5stickc)** | **[红外发射](zh_CN/api/led_m5stickc)** | -->
+
+
+
+<!-- <div class="table-wrapper">
+    <table class="fl-table">
+        <thead>
+        <tr>
+            <th>Header 1</th>
+            <th>Header 2</th>
+            <th>Header 3</th>
+            <th>Header 4</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>1</td>
+            <td>Content</td>
+            <td>Content</td>
+            <td>Content</td>
+        </tr>
+        <tr>
+            <td>2</td>
+            <td>Content</td>
+            <td>Content</td>
+            <td>Content</td>
+        </tr>
+        <tr>
+            <td>3</td>
+            <td>Content</td>
+            <td>Content</td>
+            <td>Content</td>
+        </tr>
+        <tbody>
+    </table>
 </div> -->

docs/zh_CN/arduino/arduino_development.md

@@ -0,0 +1,103 @@
+# Arduino IDE 环境搭建{docsify-ignore-all}
+
+
+1. [安装Arduino-IDE](#安装Arduino-IDE)
+
+2. [安装ESP32的板管理](#安装ESP32的板管理)
+
+3. [安装M5Stack的库](#安装M5Stack的库)
+
+4. [安装串口驱动](#安装串口驱动)
+
+## 安装Arduino-IDE
+
+
+>[点击此处访问 Arduino 官网](https://www.arduino.cc/en/Main/Software),选择对应自己操作系统的安装包进行下载.
+
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_install.jpg">
+
+
+## 安装ESP32的板管理
+
+>1.打开 Arduino IDE，选择 `文件`->`首选项`->`设置`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_1.jpg">
+
+>2.复制下方的 ESP32 板管理网址到 `附加开发板管理器:` 中
+
+**https://dl.espressif.com/dl/package_esp32_index.json**
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_2.jpg">
+
+>3.选择 `工具`->`开发板:`->`开发板管理器...`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_3.jpg">
+
+>4.在新弹出的对话框中，输入并搜索 `ESP32`，点击`安装`（若出现搜索失败的情况，可以尝试重启Arduino程序）
+
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_4.jpg">
+
+>5.选择 `工具`->`开发板:`->`ESP32`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_5.jpg">
+
+## 安装M5Stack的库
+
+>不同的硬件设备，有着不同的案例程序库，请根据你所使用的设备选择下载.打开 Arduino IDE, 然后选择 `项目`->`加载库`->`库管理...`
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_6.jpg">
+
+### For M5Core and M5Stick
+
+?>搜索 `M5Stack` 并安装，如下图所示
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_7.jpg">
+
+### For M5Stick-C
+
+?>搜索 `M5StickC` 并安装，如下图所示
+
+<img src="assets/img/related_documents/Arduino_IDE/Arduino_8.jpg">
+
+## 安装串口驱动
+
+>1.点击下方对应自己操作系统的CP210X驱动程序 进行下载.
+
+<div class="link">
+
+ <h4><span>CP210X Driver:</span></h4>
+    <p>
+    <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_Windows.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/windows_89cc6ea0-2a3c-4327-97e5-8f51f448c38b_icon.png?v=1557026574" alt="">Windows</a>
+    <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_MacOS.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/mac_large.png?v=1557026570" alt="">MacOS</a>
+    <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_Linux.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/linux_icon.png?v=1557026584" alt="">Linux</a>
+    </p>
+</div>
+
+
+
+### For Windows
+
+>将下载好的驱动压缩包解压，选择对应您操作系统的安装程序，双击安装.
+
+<img src="assets/img/related_documents/Arduino_IDE/CP210X_WIN.jpg">
+
+
+### For Mac
+
+>将下载好的驱动压缩包解压，安装程序，双击镜像文件开始安装.
+
+<img src="assets/img/related_documents/Arduino_IDE/CP210X_MAC.png">
+
+
+
+<style>
+
+.link a{
+
+    padding-left: 13%;
+
+}
+
+</style>

docs/zh_CN/arduino/arduino_home_page.md

@@ -0,0 +1,34 @@
+<div class="container uiflow_banner">
+      <div>
+        <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/arduino_home_page.jpg">
+      </div>
+      <div style="margin-top:30px">
+        <h1 class="jumbotron-heading">Arduino IDE</h1>
+        <p class="lead text-muted">电子发烧友们较为熟悉的编程平台之一.</p>
+        <p>
+          <a href="https://www.arduino.cn/forum-152-1.html" target="view_window" class="btn btn-primary my-2" style="color:white;text-decoration:none">Arduino中文论坛</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" style="margin-top:60px" id="tutorial">
+<div class="row">
+          <div class="col-md-4">
+            <h2>入门介绍</h2>
+            <p class="uiflow_p">讲解使用Arduino前的几个准备工作，包括Arduino IDE的软件下载，以及相关环境配置. </p>
+            <p><a class="btn btn-secondary" href="#/zh_CN/arduino/arduino_development" role="button">View details »</a></p>
+          </div>
+          <div class="col-md-4">
+            <h2>Arduino API</h2>
+            <p class="uiflow_p">M5Stack所提供的Arduino函数库. </p>
+            <p><a class="btn btn-secondary" href="#/zh_CN/arduino/arduino_api" role="button">View details »</a></p>
+          </div>
+  </div>
+
+
+</div>
+
+
+<br><br><br><br>

docs/zh_CN/core/fire.md

@@ -51,7 +51,7 @@ Fire 中的 GPIO 16 / 17 默认与PSRAM连接，因此当你在连接或是堆
 - 基于ESP32开发
 - 16 MB Flash 
 - 4 MB PSRAM
-- BMM150 + SH200Q/MPU6886
+- BMM150 + MPU6886
 - 扬声器，按键x3，LCD屏幕（320 * 240），电源/复位按键x1
 - 2.4G天线：Proant 440
 - TF 卡插槽（最大可拓展16GB）