Merge pull request #263 from Tinyu-Zhao/master

Update README

Author: Tinyu-Zhao

README.md

@@ -2,63 +2,38 @@
 
 English | [中文](docs/getting_started_cn.md) | [日本語](docs/getting_started_ja.md)
 
-Welcome to program with M5Stack Core
+<img src="https://static-cdn.m5stack.com/resource/docs/static/assets/img/product_pics/core/gray/gray_01.webp" alt="gray" width="350" height="350">
 
-## 1. Get Started
+<img src="https://static-cdn.m5stack.com/resource/docs/static/assets/img/product_pics/core/basic/basic_01.webp" alt="basic" width="350" height="350">
 
-#### Here is the article to get started
+* **For the Detailed documentation of Gray, please [Click here](https://docs.m5stack.com/#/en/core/m5stickc)**
+* 
+* **For the Detailed documentation of Basic, please [Click here](https://docs.m5stack.com/#/en/core/m5stickc)**
 
-*1.For MacOS*
+* **In order to buy Basic, please [Click here](https://www.aliexpress.com/item/32837164440.html?spm=a2g0o.store_pc_groupList.8148356.11.38a9361bR9o79U)**
+* 
 
-https://docs.m5stack.com/#/en/quick_start/m5core/m5stack_core_get_started_Arduino_MacOS
+*We have several master M5Cores with different configurations, this is the difference between them [Compared](https://docs.m5stack.com/en/products_selector).*
 
-*2. For Windows*
-
-https://docs.m5stack.com/#/en/quick_start/m5core/m5stack_core_get_started_Arduino_Windows
-
-
-## 2. Example
-
-https://github.com/m5stack/M5Stack/tree/master/examples
-
-## 3. API Reference
-
-https://github.com/m5stack/M5Stack/blob/master/src/M5Stack.h#L19
-
-https://docs.m5stack.com/#/en/api
-
-## 4. H/W Reference
-
-**LCD & TF Card**
+### M-BUS
+![image](docs/M-BUS.jpg)
 
-*LCD Resolution: 320x240*
+## More Information
 
-<table>
- <tr><td>ESP32 Chip</td><td>GPIO23</td><td>GPIO19</td><td>GPIO18</td><td>GPIO14</td><td>GPIO27</td><td>GPIO33</td><td>GPIO32</td><td>GPIO4</td></tr>
- <tr><td>ILI9341</td><td>MOSI/MISO</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
- <tr><td>TF Card</td><td>MOSI</td><td>MISO</td><td>CLK</td><td> </td><td> </td><td> </td><td> </td><td>CS</td></tr>
-</table>
+**UIFlow Quick Start**: [PinMap](https://docs.m5stack.com/zh_CN/quick_start/m5core/uiflow)
 
-**Button & Speaker**
+**MicroPyhton API**: [PinMap](https://docs.m5stack.com/zh_CN/mpy/display/m5stack_lvgl)
 
-<table>
- <tr><td>ESP32 Chip</td><td>GPIO39</td><td>GPIO38</td><td>GPIO37</td><td>GPIO25</td></tr>
- <tr><td>Button Pin</td><td>BUTTON A</td><td>BUTTON B</td><td>BUTTON C</td></tr>
- <tr><td>Speaker</td><td> </td><td> </td><td> </td><td>Speaker Pin</td></tr>
-</table>
+**Arduino IDE Development**: [PinMap](https://docs.m5stack.com/zh_CN/quick_start/m5core/arduino)
 
-**GROVE A**
+**M5StickC Arduino API**: [PinMap](https://docs.m5stack.com/zh_CN/api/system)
 
-<table>
- <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td></tr>
- <tr><td>GROVE A</td><td>SCL</td><td>SDA</td></tr>
-</table>
+**Gray PinMap**: [PinMap](https://docs.m5stack.com/zh_CN/core/gray)
 
+**Basic PinMap**: [PinMap](https://docs.m5stack.com/zh_CN/core/basic)
 
-### M-BUS
-![image](docs/M-BUS.jpg)
 
-## 5. USER CASES
+## USER CASES
 
 * [M5Stack-SD-Updater](https://github.com/tobozo/M5Stack-SD-Updater) - Customizable menu system for M5Stack - loads apps from the Micro SD
   card

docs/getting_started_cn.md

@@ -1,70 +1,34 @@
-# M5Stack 库
+# M5Stack Library
 
 [English](../README.md) | 中文 | [日本語](getting_started_ja.md)
 
-## 1. 上手指南
+<img src="https://static-cdn.m5stack.com/resource/docs/static/assets/img/product_pics/core/gray/gray_01.webp" alt="gray" width="350" height="350">
 
-*1.For MacOS*
+<img src="https://static-cdn.m5stack.com/resource/docs/static/assets/img/product_pics/core/basic/basic_01.webp" alt="basic" width="350" height="350">
 
-https://docs.m5stack.com/#/zh_CN/quick_start/m5core/m5stack_core_get_started_Arduino_MacOS
+* **如果查看 Gray 的详细介绍文档，[点击这里](https://docs.m5stack.com/#/zh_CN/core/gray)**
+* 
+* **如果查看 Basic 的详细介绍文档，[点击这里](https://docs.m5stack.com/#/zh_CN/core/basic)**
 
-*2. For Windows*
+* **如果想要购买 Basic 的话，[点击这里](https://item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-22404213529.15.38ea1d912Zbl0z&id=610634829528)**
+* 
+*我们有几款不同配置的主控 M5Cores，这是他们之间的[对比](https://docs.m5stack.com/zh_CN/products_selector).*
 
-https://docs.m5stack.com/#/zh_CN/quick_start/m5core/m5stack_core_get_started_Arduino_Windows
 
+### M-BUS
+![image](../docs/M-BUS.jpg)
 
-## 2. 例程
-
-https://github.com/m5stack/M5Stack/tree/master/examples
-
-## 3. API 参考
-
-https://github.com/m5stack/M5Stack/blob/master/src/M5Stack.h#L19
-
-https://docs.m5stack.com/#/zh_CN/api
-
-## 4. H/W 参考
-
-#### 管脚映射
-
-*我们有几款不同配置的主控 M5Cores，这是他们之间的[对比](https://github.com/m5stack/M5-Schematic/blob/master/Core/hardware_difference_between_cores.md).*
-
-**LCD & TF Card**
-
-*LCD 分辨率: 320x240*
-
-<table>
- <tr><td>ESP32 Chip</td><td>GPIO23</td><td>GPIO19</td><td>GPIO18</td><td>GPIO14</td><td>GPIO27</td><td>GPIO33</td><td>GPIO32</td><td>GPIO4</td></tr>
- <tr><td>ILI9341</td><td>/</td><td>MISO</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
- <tr><td>TF Card</td><td>MOSI</td><td>MISO</td><td>CLK</td><td> </td><td> </td><td> </td><td> </td><td>CS</td></tr>
-
-</table>
-
-**Button & Speaker**
-
-<table>
- <tr><td>ESP32 Chip</td><td>GPIO39</td><td>GPIO38</td><td>GPIO37</td><td>GPIO25</td></tr>
- <tr><td>Button Pin</td><td>BUTTON A</td><td>BUTTON B</td><td>BUTTON C</td></tr>
- <tr><td>Speaker</td><td> </td><td> </td><td> </td><td>Speaker Pin</td></tr>
-</table>
-
-**GROVE A**
-
-<table>
- <tr><td>ESP32 Chip</td><td>GPIO22</td><td>GPIO21</td></tr>
- <tr><td>GROVE A</td><td>SCL</td><td>SDA</td></tr>
-</table>
 
+## 更多信息
 
-### M-BUS
-![image](../docs/M-BUS.jpg)
+**UIFlow 快速上手**: [点击这里](https://docs.m5stack.com/zh_CN/quick_start/m5core/uiflow)
 
-#### Note:
+**MicroPyhton API**: [点击这里](https://docs.m5stack.com/zh_CN/mpy/display/m5stack_lvgl)
 
-* 如何安装 CP210x 串口驱动
+**Arduino IDE 环境搭建**: [点击这里](https://docs.m5stack.com/zh_CN/quick_start/m5core/arduino)
 
-  https://docs.m5stack.com/#/zh_CN/related_documents/establish_serial_connection
+**M5StickC Arduino API**: [点击这里](https://docs.m5stack.com/zh_CN/api/system)
 
-* 如何升级 M5Stack 库
+**Gray 引脚地图**: [点击这里](https://docs.m5stack.com/zh_CN/core/gray)
 
-  https://docs.m5stack.com/#/zh_CN/related_documents/upgrade_m5stack_lib
+**Basic 引脚地图**: [点击这里](https://docs.m5stack.com/zh_CN/core/basic)