add echo quickstart btn and fix page link

This commit is contained in:
Gitshaoxiang
2020-06-05 12:05:52 +08:00
parent a04b124870
commit 5b970c17ed
7 changed files with 23 additions and 16 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

+3 -2
View File
@@ -266,8 +266,8 @@
$("div.item a").append(mask_item);
$("#core div.item a .mask:lt(9)").append(mask_btn);
$("#core div.item a .mask").eq(9).append(search_logo);
$("#atom div.item a .mask:lt(2)").append(mask_btn);
$("#atom div.item a .mask:gt(1)").append(search_logo);
$("#atom div.item a .mask:lt(3)").append(mask_btn);
$("#atom div.item a .mask:gt(2)").append(search_logo);
$("#unit div.item a .mask:lt(5)").append(mask_btn);
$("#unit div.item a .mask:gt(4)").append(search_logo);
$("#module div.item a .mask").append(search_logo);
@@ -278,6 +278,7 @@
$("#core .mask a").eq(7).attr("href", "#en/quick_start/m5stickc/m5stickc_quick_start");
$("#core .mask a").eq(8).attr("href", "#en/quick_start/m5stickv/m5stickv_quick_start");
$("#atom .mask:lt(2) a").attr("href", "#en/quick_start/atom/atom_quick_start");
$("#atom .mask a").eq(2).attr("href", "#en/quick_start/atom/atom_echo_quick_start");
$("#unit .mask a").attr("href", "#en/quick_start/m5camera/m5camera_quick_start");
$("#unit .mask a").eq(4).attr("href", "#en/quick_start/unitv/unitv_quick_start");
$(".product_page strong").parent('p').css("margin-bottom","0px");
+3 -2
View File
@@ -24,7 +24,7 @@
//ATOM
{a:"/#/zh_CN/core/atom_lite", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_lite_01.webp", p:"ATOM Lite", sku:"C008" ,kw:"ESP32 LED"},
{a:"/#/zh_CN/core/atom_matrix", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_matrix_01.webp", p:"ATOM Matrix", sku:"C008-B" ,kw:"ESP32 LED MPU6886"},
{a:"/#/zh_CN/core/atomecho", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_echo.webp", p:"ATOM ECHO", sku:"C008-C" ,kw:"ESP32 Speaker I2S"},
{a:"/#/zh_CN/atom/atomecho", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/atom_echo.webp", p:"ATOM ECHO", sku:"C008-C" ,kw:"ESP32 Speaker I2S"},
//ATOM BASE
{a:"/#/zh_CN/atom/atomic", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/atom_base/atomic_01.webp", p:"ATOMIC", sku:"A077" ,kw:"PROTOTYPE"},
{a:"/#/zh_CN/atom/tail485", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/atom_base/tail485_01.webp", p:"Tail485", sku:"T002" ,kw:"RS485"},
@@ -262,7 +262,7 @@
$("div.item a").append(mask_item);
$("#core div.item a .mask:lt(9)").append(mask_btn);
$("#core div.item a .mask").eq(9).append(search_logo);
$("#atom div.item a .mask:lt(2)").append(mask_btn);
$("#atom div.item a .mask:lt(3)").append(mask_btn);
$("#atom div.item a .mask:gt(1)").append(search_logo);
$("#unit div.item a .mask:lt(5)").append(mask_btn);
$("#unit div.item a .mask:gt(4)").append(search_logo);
@@ -275,6 +275,7 @@
$("#core .mask a").eq(7).attr("href", "#zh_CN/quick_start/m5stickc/m5stickc_quick_start");
$("#core .mask a").eq(8).attr("href", "#zh_CN/quick_start/m5stickv/m5stickv_quick_start");
$("#atom .mask:lt(2) a").attr("href", "#zh_CN/quick_start/atom/atom_quick_start");
$("#atom .mask a").eq(2).attr("href", "#zh_CN/quick_start/atom/atom_echo_quick_start");
$("#unit .mask a").attr("href", "#zh_CN/quick_start/m5camera/m5camera_quick_start");
$("#unit .mask a").eq(4).attr("href", "#zh_CN/quick_start/unitv/unitv_quick_start");
$(".product_page strong").parent('p').css("margin-bottom","0px");
@@ -70,31 +70,36 @@
## 固件烧录
>1.双击打开Burner烧录工具,在左侧菜单中点击下载按钮,下载你所需要的固件版本,然后将M5设备通过Type-C数据线连接到电脑,选择对应的COM口,波特率,以及烧录设备的类型
>1.双击打开Burner烧录工具,在左侧菜单中选择对应的设备类型,选择你所需要的固件版本,点击下载按钮进行下载
?>注意:M5Burner中包含了M5Stack多款产品的UIFlow固件版本。因此你需要在进行烧录前,选择正确的设备类型,以获得与设备匹配的固件,如下图所示。(烧录速率可以使用烧录器默认配置,特殊情况无法烧录可尝试降低至115200)。
<img src="assets\img\quick_start\core\burner_m5core01.webp" width="70%">
<img src="/image/base/device_select.webp" width="70%">
>2.然后将M5设备通过Type-C数据线连接到电脑,选择对应的COM口,波特率可使用M5Burner中的默认配置,i另外,你还可以在固件烧录阶段就填入设备后续将要连接的WIFI信息。配置完成后,点击"Burn"开始烧录.
>2.选择好您想要烧录的固件版本,将设备通过Type-C数据线连接至电脑,选择对应COM端口与设备类型.点击"Burn"开始烧录.当烧录日志提示"Hard resetting via RTS pin"时,则表示固件已经烧录完成。
<img src="assets\img\quick_start\core\burner_m5core02.webp" width="70%">
?>首次烧录或固件程序运行异常时,可点击"Erase"擦除flash内存,在后续的固件更新时,则无需再次擦除,否则将删除已保存的Wi-Fi信息且刷新API Key.
>3.当烧录日志提示"Burn Successfully"时,则表示固件已经烧录完成。
<img src="assets\img\quick_start\core\burner_done.webp" width="70%">
?>首次烧录或固件程序运行异常时,可点击右上角的"Erase"擦除flash内存,在后续的固件更新时,则无需再次擦除,否则将删除已保存的Wi-Fi信息且刷新API Key.
<img src="/image/base/Burner_user.gif " width="70%">
## 配置WIFI
>UIFlow提供了离线与web版本的编程器,在使用web版本的UIFlow时,我们需要为设备配置WiFi连接。下面介绍为设备配置WiFi连接的两种方式(烧录配置与AP热点配置)。
### 烧录配置WiFi
### 烧录配置WiFi(推荐)
?>UIFlow-1.4.5以上版本支持WiFi连接的前期烧录配置, 用户只需在固件烧录前将WiFi信息填入WiFi配置框,随后点击"Burn"进行固件烧录,填入的WiFi信息将随同固件一起烧录保存至M5设备。
<img src="assets\img\getting_started_pics\m5stack_core\get_started_with_uiflow\m5burner_wifi.webp " width="70%">
<img src="assets\img\quick_start\core\burner_wifi.webp" width="70%">
### AP热点配置WiFi
>1.单击设备左侧的红色电源键开机,在屏幕出现UIFlow Logo后迅速按下面板上测按键,使用手机连接设备屏幕上显示的wifi热点
>1.单击设备左侧的红色电源键开机,在屏幕出现UIFlow Logo后迅速按下面板上测按键进入"Setup"页面。使用左右按键上下切换菜单选项至"Wi-Fi via AP"选项,按下中间按钮选中,进入AP热点WiFi配置模式。
<img src="assets\img\getting_started_pics\m5stack_core\get_started_with_uiflow\uiflow_wifi_setup1.webp ">
@@ -103,15 +108,15 @@
?>注意:配置的WiFi信息中,不允许出现"空格"等特殊字符。
<img src="assets\img\getting_started_pics\m5stack_core\get_started_with_uiflow\uiflow_wifi_setup2.webp ">
## 网络编程模式与API KEY
#### 进入网络编程模式
?>网络编程模式是M5设备与UIFlow web编程平台的一个对接模式,屏幕会显示出当前设备的网络连接状态。当指示标志为绿色时,则代表随时可接收程序推送。默认情况下,在首次WiFi网络配置成功后,设备将自动重启,并进入网络编程模式。若您在运行其他应用后不知如何重新进入编程模式,你可以参考以下操作。
?>网络编程模式是M5设备与UIFlow web编程平台的一个对接模式,屏幕会显示出当前设备的网络连接状态。当页面左上角的WiFi与云端连接指示标志为绿色时,则代表随时可接收程序推送。默认情况下,在首次WiFi网络配置成功后,设备将自动重启,并进入网络编程模式。若您在运行其他应用后不知如何重新进入编程模式,你可以参考以下操作。
>开机后,在屏幕出现UIFlow Logo后迅速按下面板上左测按键进入编程模式,在编程模式页面等待信号指示灯右红变成绿色后,使用电脑浏览器访问[flow.m5stack.com](http://flow.m5stack.com/)进入UIFlow编程页面.
>开机后,在屏幕出现UIFlow Logo后迅速按下面板上右侧按键进入Setup页面,选中"",使用电脑浏览器访问[flow.m5stack.com](http://flow.m5stack.com/)进入UIFlow编程页面.
<img src="assets\img\getting_started_pics\m5stack_core\get_started_with_uiflow\uiflow_program_mode.webp ">