浏览器里直接连 MQTT Broker，实时接收温度和湿度并画成曲线。数据格式很随意：往主题里发一个纯数字就行。

sensor/temp  →  26.5
sensor/hum   →  60.2

这个页面本身就是被 @mdit-vue/plugin-sfc 编译出来的 Vue SFC,所以下面三段都能直接跑。

一、使用全局 .vue 组件

组件放在 .vuepress/components/，并在 .vuepress/client.ts 注册为全局组件后，可在全站任何 Markdown 文章中直接使用标签：

<RegisterBits label="USART_CR1" :value="0xA5" />

电子信息工程大三在读。喜欢把芯片、电路和代码凑在一起，做点能真正跑起来的东西。

比起照着教程走一遍就过，我更习惯把踩过的坑、想明白的细节写下来——这个博客就是这么长出来的。

我在折腾什么

从裸机寄存器到跑起一个小系统，横跨挺多东西，但主线一直是嵌入式：让硬件按我的想法动起来，再想办法把它接进网络和屏幕里。

目前手上几条线：

• STM32 BootLoader —— 从跳转、串口烧录一路做到 SD 卡、网口、USB 拖拽，以及通过 ESP8266 做远程 OTA。整套下来最深的体会是：能可靠升级固件，产品才算立住了。
• ESP8266 联网 —— TCP / MQTT 通信、与 STM32 联动、接入 OneNet 云平台，再配一个 Android 上位机把数据可视化，凑出一个最小的物联网闭环。
• 新平台试水 —— ESP32-S3 上的 ESP-IDF，K230 上的 RT-Smart，以及 LVGL 和 lwIP。换平台的时候，发现底层那套东西其实是相通的。