接上篇工程编译和构建，本文记录如何使用STM32CubeIDE的在线调试功能，以及调试过程中相关的工具使用。

调试配置

• 点击debug配置工具，选择Debug Configuration
  
• 新建调试，STM32 Cortex-M C/C++ Application
  
• 调试配置文件路径
  
• 配置调试器
  

在线调试

• 点击Debug就可以开始调试了，此时，程序进入main函数，并且会停在入口的init函数HAL_Init()

调试工具

• 在调试过程中，有非常多的工具可以使用，为我们调试程序带来便捷，并且在出现异常退出或者段错误时，调试窗口可以给出出错前调用的函数，非常实用的功能
  

上篇文章简单介绍了一下STM32CubeIDE工具及其安装，也看了下它的类eclipse界面。本文将介绍如何创建一个STM32工程和基本的操作，以及如何编译出一个可执行文件。

STM32CubeIDE 工程创建

Type A：新建工程

• 打开 File-> New -> STM32 Project
  
• 在搜索框中输入主控芯片的型号，可以在右侧查找到指定的MCU，点击Next
  
• 输入工程名，并且选择相应的编程语言、目标文件和使用的模板工程，点击Finish，这样就创建了一个STM32CubeMX文件
  
• 配置完工程下的CubeMX文件之后，选择Project Manager选项卡，配置生成相应的工程文件
  
• 配置时钟和相应的GPIO口
  
• 此时保存.ioc文件，提示是否生成代码，点击Yes，则生成工程代码
  
  

Type B：通过CubeMX文件创建工程

• 如果已经有CubeMX生成的ioc文件，则可以打开 File -> New -> STM32 Project From STM32CubeMX .ioc File，相应的文件
  
• 打开指定的ioc文件，点击Finish，然后就是配置文件生成代码，同上述Type A方法类似，不再赘诉
  

STM32CubeIDE 工程编译

工程简介

• 工程创建后，生成了对应的代码，从上述的图片中可以看到工程中的主要几个文件夹：Includes、Core、Drivers已经ioc和ld文件

编译环境配置和结果

• 右键点击工程，选择Properties，打开选项卡，C/C++ Build –> Settings进行编译相关配置
  
• 在Tool Settings选项卡下：
  • 编译输出配置MCU Post build outputs，指定输出文件为hex和bin
  • 汇编配置MCU GCC Assembler
  • 编译配置MCU GCC Compiler，头文件，宏定义，优化等级等
  • 链接配置MCU GCC Linker，链接库等
    
• 点击构建图标，编译当前工程
  
• 编译成功后，在工程浏览栏中，将会出现工程名相同的二进制文件和Debug文件夹，即为需要download到stm32f103c8t6开发板中的文件
  

后记

• 至此，STM32CubeIDE工程创建的基本步骤算完成了，我们生成了需要的可执行文件，接下来将会记录调试功能，以及非常棒的在线调试相关功能。

凡事预则立，不预则废 ———— 《礼记·中庸》

离上篇文章发布已经很久没有更新了，其实“预”了很久，Flag也“立”了很多个，但是呢，没有付诸行动。说多了就是掩饰，啥都不多说，直接开篇。

STM32CubeIDE是个啥？

• 第一眼看到这个软件的名字，就马上想到了STM32CubeMX这个可视化的芯片参数配置工具，总感觉它俩之间有着千丝万缕的关系。其实，这俩还真有关系。
• 先来看看官方的解释：
  • STM32CubeIDE is an all-in-one multi-OS development tool, which is part of the STM32Cube software ecosystem
  • 这货属于STM32Cube软件生态中的一个多平台、高度集成的开发工具
• 再来看看官方的图片：
  
• 这下是不是看明白了？还不明白，再贴个图：
  
• 这一行工具栏，怎么这么眼熟，这个不就是它么？
  
• 开始懂了

STM32CubeIDE软件获取和安装

1. 下载

• 支持系统：Windows、Linux、MacOS
• 官方链接：STM32CubeIDE

2. 安装

• 这个就比较简单了，作为一个程序员，安装路径就不要用中文了吧…

STM32CubeIDE界面简介

1. 工程路径选择：启动软件后，选择一个路径作为Workspcace，然后就Launch如下图所示：
   
2. 工具栏介绍：如果经常使用eclipse开发C/C++程序，这个界面就非常熟悉了，较eclipse工具增加一个CubeMX配置插件
   
3. 暂时就先简单介绍这么多，下次再记录工程创建和编译调试相关内容

闺女蕙出生有66天了，但是感觉过了很久一样，对于我和老婆来说，都是挺艰辛的。这或许印证了一句老话：养儿方知为母难。

最近，突然感觉压力好大，主要还是由于新房交付，开始月供的日子了。我真的成了他人口中的”月光族”。

在这个阶段，或许是人生的另一个重要的转折点。有压力固然是好事，但是并不能完全因为压力太大而自暴自弃；反而应该为自己的未来做一个更好的规划。

同时，时刻鞭策自己，应该承担起更多的责任，应该有一个坚定的方向，有一个让自己持之以恒的事业来提升和突破。

在Hexo的Maupassant主题下，为了使博客的功能更加完善，增加音乐播放模块，看了Maupassant主题作者的ISSU，发现并没有该功能的实现，不过从部分网友的折腾过程来看，使用Aplayer实现的效果是最好的。

需求

网上查找了许多Hexo增加音乐播放的文章，大部分是在博客文章中添加音乐播放功能，而且接口封装非常便捷。自己就思考，可不可以将播放功能增加到侧边栏。

方案

主流的方案有以下几种：

1. 通过网易云的外链生成iframe代码或者flash代码，插入个人需要将音乐模块放置的地方
2. 通过Aplayer插入播放音乐功能
3. 通过Hexo-tag-aplayer引入Aplayer
4. 通过Aplayer和MetingJS接口，将class为aplayer的div插入相应的位置

分析

1. 方案一（网易云外链代码插入）
   • 优点：方便快捷，直接通过因为就可以生成代码
   • 缺点：有版权的歌曲无法无法播放，尺寸有限制
2. 方案二（Aplayer插入）
   • 优点：界面美观，尺寸自适应
   • 缺点：需要配置音乐的url，比较麻烦
3. 方案三（Hexo-tag-aplayer引入Aplayer）
   • 优点：非常便捷，直接根据id或者list id就可以播放
   • 缺点：目前只能在文章中引用
4. 方案四（MetingJS和Aplayer结合使用）
   • 优点：可以音乐播放添加到任何位置，自适应，根据音乐id或列表list id就可以播放音乐
   • 缺点：需要更改主题脚本文件

实战

由于个人的需求是侧边栏实现音乐播放功能，通过上述的对比，最终现在方案四，具体的修改方法如下：

• 在Maupassant主题路径增加文件
  themes/maupassant/layout/_widget/aplayer.pug ，文件内容如下

  1 2 3 4 5 6

  .widget link(rel="stylesheet", type='text/css', href="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.css") script(type='text/javascript', src="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.js") script(type='text/javascript', src="https://cdn.jsdelivr.net/npm/meting@1.2/dist/Meting.min.js") div(class="aplayer", data-id="2578068117" ,data-server="netease" ,data-type="playlist" ,data-listmaxheight="98px",data-theme="#FF4081")

• 修改Maupassant主题下的配置文件
  themes/maupassant/_config.yml , 在widgets标签下增加aplaye ，修改如下：

  1 2 3 4 5 6 7 8

  widgets: ## Six widgets in sidebar provided: search, category, tag, recent_posts, rencent_comments and links. - aplayer - search - category - tag - recent_posts - recent_comments - links

• 编译博客
  执行hexo g生成博客代码

• 本地部署
  执行hexo s部署本地localhost:4000

• 服务器部署
  执行hexo d部署到github page

• 效果
  

为了让自己的个人博客不显得那么单调，发现Maupassant支持动态背景，但是在使用的过程中发现了一点小问题，导致无法使用。

问题

在使用Maupassant主题时，发现canvas-nest的enable设置为true后还是无法显示。

原因

在网上查找使用莫泊桑主题的网友博客发现，可以使用这个功能，然后分析了一下页面代码，发现我的博客没有canvas这个标签的代码。查看js源，发现路径不同。

1
2
3
4
5

我的博客：
<script type="text/javascript" color="100,100,100" opacity="0.5" zindex="-2" count="50" src="//lib.baomitu.com/canvas-nest.js/2.0.4/canvas-nest.umd.jscanvas-nest.min.js"></script>

网友博客：
<script type="text/javascript" color="100,100,100" opacity="0.5" zindex="-2" count="50" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

更改方法

修改themes/maupassant/layout/_partial/after_footer.pug文件

1
2
3
4
5

更改前：
script(type='text/javascript', color=color, opacity=opacity, zIndex=zIndex, count=count,src='//lib.baomitu.com/canvas-nest.js/2.0.4/canvas-nest.umd.js')

更改后：
script(type='text/javascript', color=color, opacity=opacity, zIndex=zIndex, count=count,src='//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js')

技术是不断更新的，但是经验是一点一滴积累的。经历多并不代表经验深厚，需要总结、积累、分享，能力才可以得到质的提升。

履历

从事嵌入式软件开发工作接近三年了，但是对于STM32的接触是从最近一份工作开始的。大概用了半年时间阅读项目中的源代码，并且将项目中的HAL编写的代码转换成寄存器版本的代码，算是对STM32简单的入门了解。

缘起

最近，听说公司要搬迁了，考虑到家庭胡因素可能无法跟随公司一起搬迁。与此同时，自我审视了一番，发现自己有点儿偏离了嵌入式软件开发的方向了，瞬间有种恐惧来袭，毕竟我不是科班出生搞软件的，还是需要坚持一个方向，需要深耕，需要积累，这样才能够突破自己的技术高度，真正的拥有一技之长。

近况

近半年大部分的时间都花在WEB开发，包括服务器端的PHP、PYTHON编写，前端HTML+CSS的编写（其实就是拷贝再定制了）。

展望

近日，计划更加系统地学习一下STM32，一方面加深STM32的知识，另一方面从整体框架的视角上更加全面地对STM32有一个系统的认知。

规划

• 选择Cotex-M3和Cotex-M4两种架构的STM32芯片两种STM32F103ZET6和STM32F407ZGT6
• STM32官方开发软件Keil的使用
• STM32时钟分频
• STM32通信I2C、SPI、486、CAN、UART
• STM32 DAC/ADC采样
• STM32 RTOS移植

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment