diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css index 5d1997f8..e93279c2 100644 --- a/docs/assets/css/main.css +++ b/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 { diff --git a/docs/en/api.md b/docs/en/arduino/arduino_api.md similarity index 96% rename from docs/en/api.md rename to docs/en/arduino/arduino_api.md index 1e928503..fe492b52 100644 --- a/docs/en/api.md +++ b/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)**| diff --git a/docs/en/arduino/arduino_development.md b/docs/en/arduino/arduino_development.md new file mode 100644 index 00000000..72b653be --- /dev/null +++ b/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. + + + + + +## Install ESP32 Board + +>1.Open up Arduino IDE, navigate to `File`->`Peferences`->`Settings` + + + +>2.Copy the following ESP32 Boards Manager url to `Additional Boards Manager URLs:` + +**https://dl.espressif.com/dl/package_esp32_index.json** + + + +>3.Navigate to `Tools`->`Board:`->`Boards Manager...` + + + +>4.Search `ESP32` in the pop-up window, find it and click `Install` + + + +>5.select `Tools`->`Board:`->`ESP32` + + + +## 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...` + + + +### For M5Core and M5Stick + +?>Search `M5Stack` , find it and click `Install` + + + +### For M5Stick-C + +?>Search `M5StickC` , find it and click `Install` + + + +## Install USB Driver + +>1.Click on the CP210X driver for your operating system below to download. + + + + + +### For Windows + +>Unzip the downloaded driver package, select the installer for your operating system, and double-click to install. + + + + +### For Mac + +>Unzip the downloaded driver package, install the program, double-click the image file to start the installation.. + + + + +s \ No newline at end of file diff --git a/docs/en/arduino/arduino_home_page.md b/docs/en/arduino/arduino_home_page.md new file mode 100644 index 00000000..28c60934 --- /dev/null +++ b/docs/en/arduino/arduino_home_page.md @@ -0,0 +1,34 @@ +
+
+ +
+
+

Arduino IDE

+

A familiar development platform for electronic enthusiasts

+

+ Arduino forum + Tutorial +

+
+
+ + + +
+
+
+

Introduction

+

Explain several preparations before using Arduino, including software download of Arduino IDE, and related environment configuration.

+

View details »

+
+
+

Arduino API

+

The Arduino function library provided by M5Stack.

+

View details »

+
+
+ +
+ + +



\ No newline at end of file diff --git a/docs/en/core/fire.md b/docs/en/core/fire.md index 5709ae85..e716643d 100644 --- a/docs/en/core/fire.md +++ b/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) diff --git a/docs/en/uiflow/uiflow_home_page.md b/docs/en/uiflow/uiflow_home_page.md index 77f08ad7..33eb52b8 100644 --- a/docs/en/uiflow/uiflow_home_page.md +++ b/docs/en/uiflow/uiflow_home_page.md @@ -1,16 +1,16 @@ -
-
- -
-
-

UIFlow

-

A Web IoT programming platform using Blockly+Python.

-

- Go to UIFlow - Tutorial -

-
-
+
+
+ +
+
+

UIFlow

+

A Web IoT programming platform using Blockly+Python.

+

+ Go to UIFlow + Tutorial +

+
+
@@ -34,22 +34,22 @@
-
-

Data structure

-

Introduction to data types in UIFlow, including constants, variables, characters, random numbers, lists, etc.

-

View details »

-
-
-

Logic

-

The use of logic judgments, operations, and conditional loops, iterations, functions, etc. in UIFlow.

-

View details »

-
-
-

Advanced

-

The higher-level functions in UIFlow involve remote functions and the use of MQTT communication.

-

View details »

-
-
+
+

Data structure

+

Introduction to data types in UIFlow, including constants, variables, characters, random numbers, lists, etc.

+

View details »

+
+
+

Logic

+

The use of logic judgments, operations, and conditional loops, iterations, functions, etc. in UIFlow.

+

View details »

+
+
+

Advanced

+

The higher-level functions in UIFlow involve remote functions and the use of MQTT communication.

+

View details »

+
+
diff --git a/docs/index.html b/docs/index.html index d3274e4a..09b5423e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -65,7 +65,7 @@ @@ -83,10 +83,10 @@
loading...
@@ -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("問題"); diff --git a/docs/zh_CN/api.md b/docs/zh_CN/arduino/arduino_api.md similarity index 96% rename from docs/zh_CN/api.md rename to docs/zh_CN/arduino/arduino_api.md index 13912b4a..25a28623 100644 --- a/docs/zh_CN/api.md +++ b/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)**| - - - -## M5StickC - - - -||| -|:---:|:---:| -|**[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)**| - - - - - - + +## M5StickC + + + +||| +|:---:|:---:| +|**[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)**| + + + + + + \ No newline at end of file diff --git a/docs/zh_CN/arduino/arduino_development.md b/docs/zh_CN/arduino/arduino_development.md new file mode 100644 index 00000000..29174483 --- /dev/null +++ b/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),选择对应自己操作系统的安装包进行下载. + + + + + +## 安装ESP32的板管理 + +>1.打开 Arduino IDE,选择 `文件`->`首选项`->`设置` + + + +>2.复制下方的 ESP32 板管理网址到 `附加开发板管理器:` 中 + +**https://dl.espressif.com/dl/package_esp32_index.json** + + + +>3.选择 `工具`->`开发板:`->`开发板管理器...` + + + +>4.在新弹出的对话框中,输入并搜索 `ESP32`,点击`安装`(若出现搜索失败的情况,可以尝试重启Arduino程序) + + + + +>5.选择 `工具`->`开发板:`->`ESP32` + + + +## 安装M5Stack的库 + +>不同的硬件设备,有着不同的案例程序库,请根据你所使用的设备选择下载.打开 Arduino IDE, 然后选择 `项目`->`加载库`->`库管理...` + + + +### For M5Core and M5Stick + +?>搜索 `M5Stack` 并安装,如下图所示 + + + +### For M5Stick-C + +?>搜索 `M5StickC` 并安装,如下图所示 + + + +## 安装串口驱动 + +>1.点击下方对应自己操作系统的CP210X驱动程序 进行下载. + + + + + +### For Windows + +>将下载好的驱动压缩包解压,选择对应您操作系统的安装程序,双击安装. + + + + +### For Mac + +>将下载好的驱动压缩包解压,安装程序,双击镜像文件开始安装. + + + + + + \ No newline at end of file diff --git a/docs/zh_CN/arduino/arduino_home_page.md b/docs/zh_CN/arduino/arduino_home_page.md new file mode 100644 index 00000000..b85318f7 --- /dev/null +++ b/docs/zh_CN/arduino/arduino_home_page.md @@ -0,0 +1,34 @@ +
+
+ +
+
+

Arduino IDE

+

电子发烧友们较为熟悉的编程平台之一.

+

+ Arduino中文论坛 + 查看教程 +

+
+
+ + +
+
+
+

入门介绍

+

讲解使用Arduino前的几个准备工作,包括Arduino IDE的软件下载,以及相关环境配置.

+

View details »

+
+
+

Arduino API

+

M5Stack所提供的Arduino函数库.

+

View details »

+
+
+ + +
+ + +



\ No newline at end of file diff --git a/docs/zh_CN/core/fire.md b/docs/zh_CN/core/fire.md index bd0c354a..de4842ba 100644 --- a/docs/zh_CN/core/fire.md +++ b/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)