企业官网建设流程全解析

HoloCubic_AIO B站粉丝APP完整教程：5步让小电视显示你的头像与粉丝数

【免费下载链接】HoloCubic_AIOHoloCubic超多功能AIO固件 基于esp32-arduino的天气时钟、相册、视频播放、桌面投屏、web服务、bilibili粉丝等项目地址: https://gitcode.com/GitHub_Trending/ho/HoloCubic_AIO

HoloCubic_AIO 是一款运行在 ESP32 小电视上的超多功能 AIO 固件，其中的B站粉丝APP能获取你在 B站（Bilibili）的个人数据，把头像、粉丝数、关注数实时显示在 240x240 的屏幕上。本文面向新手，5 步即可完成 B站粉丝APP 设置，让小电视变身专属的 B站粉丝看板。

功能亮点：小电视如何变身B站粉丝看板

B站粉丝APP 的界面包含三个核心元素（界面源码见 bilibili_gui.c）：

• 个人头像：读取内存卡S:/bilibili/avatar.bin中你提前放置的头像图片
• 粉丝数：联网后自动调用 B站数据接口获取 follower 数值
• 关注数：同时获取 following 数值
• 智能格式化：粉丝或关注数超过一万时，自动以x.xw（万）为单位显示

数据按你在网页端设置的周期自动刷新（默认 900000 毫秒，即 15 分钟一次），断网也不影响其他 APP 运行。

第1步：确认3个运行条件

固件仓库里已备好bilibili/文件夹结构，可直接参考 放置到内存卡/ 目录，例如 avatar.jpg 示例图。

第2步：查看自己的B站UID

1. 用电脑浏览器登录自己的 B站账号
2. 在地址栏访问 B站个人空间地址space.bilibili.com
3. 浏览器会自动跳转到形如space.bilibili.com/123456789的页面
4. 网址尾巴那串纯数字就是你的B站UID，记下来备用

第3步：在Web网页端填写B站UID

1. 摇晃小电视进入Web ServerAPP，电脑连接HoloCubic_AIO热点
2. 浏览器输入屏幕上的 IP（也支持直接访问域名http://holocubic）进入管理后台
3. 找到Bili UID输入框，填入刚才记录的 UID（表单定义见 web_setting.cpp）
4. 设置数据更新周期（毫秒），默认900000（15 分钟刷新一次），填得越小时数据越新
5. 点击保存，配置会持久化到 flash 中的/bilibili.cfg文件，重启后依然有效（见 bilibili.cpp）

第4步：转换并放置B站头像avatar.bin

1. 准备好一张自己的 B站头像原图
2. 使用 AIO 配套上位机 CubicAIO_Tool.py 将图片转换为100x100的bin文件（True color with alpha 选 Binary RGB565）
3. 将文件重命名为avatar.bin
4. 放入内存卡根目录的bilibili/文件夹中

固件读取的就是S:/bilibili/avatar.bin这个固定路径，文件名或目录放错都会导致头像不显示。

第5步：进入B站APP查看效果

1. 左右摇晃小电视0.5s，切换到BiliAPP
2. 向前倾斜1s进入应用
3. 联网状态下，屏幕将同时显示头像 + 粉丝数 + 关注数
4. 后仰1s即可退出

常见问题FAQ

• 头像不显示？依次检查：文件名是否为avatar.bin、是否在bilibili/目录下、分辨率是否为 100x100。
• 数据一直是0？依次排查：UID 是否填错、Wi-Fi 是否已联网、供电是否充足。
• UID填错了怎么办？重新进入 Web Server 网页修改 Bili UID 并保存即可，配置即时生效。

更多功能说明可参考模块文档 AIO_Firmware_PIO/src/app/bilibili_fans/README.md 与项目总文档 README.md。

【免费下载链接】HoloCubic_AIOHoloCubic超多功能AIO固件 基于esp32-arduino的天气时钟、相册、视频播放、桌面投屏、web服务、bilibili粉丝等项目地址: https://gitcode.com/GitHub_Trending/ho/HoloCubic_AIO