fix(doc/appdev): fix sidebar bug and align pic to middle

This commit is contained in:
Liu Yongkai 2021-04-30 14:49:38 +08:00
parent 759111570b
commit 6da7bdfc74
3 changed files with 14 additions and 19 deletions

View File

@ -28,10 +28,7 @@ const sidebar = {
'/doc/framework/kong' '/doc/framework/kong'
], ],
'appdev': [ 'appdev': [
'/doc/appdev/board/', '/doc/appdev/start_from_scratch/',
'/doc/appdev/env',
'/doc/appdev/debug',
'/doc/appdev/dev'
], ],
'demo': [ 'demo': [
'/doc/demo/dashengda', '/doc/demo/dashengda',

View File

@ -120,7 +120,7 @@ XiUOS板级驱动当前支持使用GPIO、I2C、LCD、USB、RTC、SPI、Timer、
修改`applications`文件夹下`main.c` 修改`applications`文件夹下`main.c`
在输出函数中写入 `Hello, world!!! \n Running on stm32f407-st-discovery`完成代码编辑。 在输出函数中写入 `Hello, world!!! \n Running on stm32f407-st-discovery`完成代码编辑。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210428145204668.png#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210428145204668.png)</div>
编译步骤: 编译步骤:
@ -132,7 +132,7 @@ XiUOS板级驱动当前支持使用GPIO、I2C、LCD、USB、RTC、SPI、Timer、
2.在menuconfig界面配置需要关闭和开启的功能按回车键进入下级菜单按Y键选中需要开启的功能按N键选中需要关闭的功能配置结束后保存并退出 2.在menuconfig界面配置需要关闭和开启的功能按回车键进入下级菜单按Y键选中需要开启的功能按N键选中需要关闭的功能配置结束后保存并退出
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426212955727.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426212955727.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70)</div>
3.继续执行以下命令,进行编译 3.继续执行以下命令,进行编译
@ -145,12 +145,12 @@ make BOARD=stm32f407-st-discovery
## 3. 烧写及执行 ## 3. 烧写及执行
将 BOARD=stm32f407-st-discovery开发板SWD经 st-link 转接到USB接口然后使用st-flash工具进行烧写bin文件。 将 BOARD=stm32f407-st-discovery开发板SWD经 st-link 转接到USB接口然后使用st-flash工具进行烧写bin文件。
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042716353240.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042716353240.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70)</div>
### 烧写工具 ### 烧写工具
ARMST-LINKST-LINK V2实物如图可在购物网站搜索关键字购买 ARMST-LINKST-LINK V2实物如图可在购物网站搜索关键字购买
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210427144736126.png#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210427144736126.png)</div>
下载并以下执行命令以下命令安装st-link工具(本文使用v1.5.1版本),下载地址为:[http://101.36.126.201:8011/stlink.zip](http://101.36.126.201:8011/stlink.zip) 下载并以下执行命令以下命令安装st-link工具(本文使用v1.5.1版本),下载地址为:[http://101.36.126.201:8011/stlink.zip](http://101.36.126.201:8011/stlink.zip)
@ -184,7 +184,7 @@ sudo puty
``` ```
选择ttyUSB0这个端口号根据具体情况而定配置波特率为115200。 选择ttyUSB0这个端口号根据具体情况而定配置波特率为115200。
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042815015872.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042815015872.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70)</div>
注意:选择正确的终端端口号,最后可以执行以下命令,清除配置文件和编译生成的文件 注意:选择正确的终端端口号,最后可以执行以下命令,清除配置文件和编译生成的文件
@ -195,4 +195,4 @@ make BOARD=stm32f407-st-discovery distclean
### 3.1 运行结果 ### 3.1 运行结果
如果编译 & 烧写无误,将会在串口终端上看到信息打印输出,(终端串口引脚为PB6、PB7)。 如果编译 & 烧写无误,将会在串口终端上看到信息打印输出,(终端串口引脚为PB6、PB7)。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426213212239.PNG?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426213212239.PNG?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70#pic_center)</div>

View File

@ -64,9 +64,7 @@ git clone https://git.trustie.net/xuos/xiuos.git
| resources | 驱动文件 | | resources | 驱动文件 |
| tool | 系统工具 | | tool | 系统工具 |
使用VScode打开代码具体操作步骤为在源码文件夹下打开系统终端输入`code .`即可打开VScode开发环境如下图所示 使用VScode打开代码具体操作步骤为在源码文件夹下打开系统终端输入`code .`即可打开VScode开发环境如下图所示
<div align= "center"> <div align= "center"><img src = https://img-blog.csdnimg.cn/20210429154839715.jpg width =1000></div>
<img src = https://img-blog.csdnimg.cn/20210429154839715.jpg width =1000>
</div>
### 裁减配置工具的下载 ### 裁减配置工具的下载
@ -120,7 +118,7 @@ XiUOS板级驱动当前支持使用GPIO、I2C、LCD、USB、RTC、SPI、Timer、
修改`applications`文件夹下`main.c` 修改`applications`文件夹下`main.c`
在输出函数中写入 `Hello, world!!! \n Running on stm32f407-st-discovery`完成代码编辑。 在输出函数中写入 `Hello, world!!! \n Running on stm32f407-st-discovery`完成代码编辑。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210428145204668.png#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210428145204668.png)</div>
编译步骤: 编译步骤:
@ -132,7 +130,7 @@ XiUOS板级驱动当前支持使用GPIO、I2C、LCD、USB、RTC、SPI、Timer、
2.在menuconfig界面配置需要关闭和开启的功能按回车键进入下级菜单按Y键选中需要开启的功能按N键选中需要关闭的功能配置结束后保存并退出 2.在menuconfig界面配置需要关闭和开启的功能按回车键进入下级菜单按Y键选中需要开启的功能按N键选中需要关闭的功能配置结束后保存并退出
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426212955727.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426212955727.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70)</div>
3.继续执行以下命令,进行编译 3.继续执行以下命令,进行编译
@ -145,12 +143,12 @@ make BOARD=stm32f407-st-discovery
## 3. 烧写及执行 ## 3. 烧写及执行
将 BOARD=stm32f407-st-discovery开发板SWD经 st-link 转接到USB接口然后使用st-flash工具进行烧写bin文件。 将 BOARD=stm32f407-st-discovery开发板SWD经 st-link 转接到USB接口然后使用st-flash工具进行烧写bin文件。
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042716353240.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042716353240.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70)</div>
### 烧写工具 ### 烧写工具
ARMST-LINKST-LINK V2实物如图可在购物网站搜索关键字购买 ARMST-LINKST-LINK V2实物如图可在购物网站搜索关键字购买
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210427144736126.png#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210427144736126.png)</div>
下载并以下执行命令以下命令安装st-link工具(本文使用v1.5.1版本),下载地址为:[http://101.36.126.201:8011/stlink.zip](http://101.36.126.201:8011/stlink.zip) 下载并以下执行命令以下命令安装st-link工具(本文使用v1.5.1版本),下载地址为:[http://101.36.126.201:8011/stlink.zip](http://101.36.126.201:8011/stlink.zip)
@ -184,7 +182,7 @@ sudo puty
``` ```
选择ttyUSB0这个端口号根据具体情况而定配置波特率为115200。 选择ttyUSB0这个端口号根据具体情况而定配置波特率为115200。
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042815015872.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/2021042815015872.png?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FJSVRfVWJpcXVpdG91cw==,size_16,color_FFFFFF,t_70)</div>
注意:选择正确的终端端口号,最后可以执行以下命令,清除配置文件和编译生成的文件 注意:选择正确的终端端口号,最后可以执行以下命令,清除配置文件和编译生成的文件
@ -195,4 +193,4 @@ make BOARD=stm32f407-st-discovery distclean
### 3.1 运行结果 ### 3.1 运行结果
如果编译 & 烧写无误,将会在串口终端上看到信息打印输出,(终端串口引脚为PB6、PB7)。 如果编译 & 烧写无误,将会在串口终端上看到信息打印输出,(终端串口引脚为PB6、PB7)。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426213212239.PNG?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70#pic_center) <div align=center>![在这里插入图片描述](https://img-blog.csdnimg.cn/20210426213212239.PNG?x-oss-process=none,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ViaXF1aXRvdXNUZWFt,size_16,color_FFFFFF,t_70)</div>