zly-Online

How I Built an e-Paper Dashboard with the Help of AI

Sat, 21 Mar 2026 18:08:51 +0800

To begin with, I would like to pose a question: how often do you open the Nanjing University app to check your class schedule? Personally, I find waiting for the official app to load quite annoying.

However, I can now check my upcoming classes at a single glance on my desk.

Yes, this is my custom Dashboard, which displays my daily class schedule.

I achieved this e-Paper Dashboard based on the ESP32 microcontroller. It not only displays the course timetable, but also shows my calendar events, the weather forecast, and a proverb from Nietzsche.

电子大一新生是怎么靠 Vibe Coding 搓出一个墨水屏 Dashboard 的

Sun, 15 Mar 2026 16:52:08 +0800

声明：本项目使用了大量的 LLM 辅助编码，不是严肃的极客项目，只是大学生心血来潮想做的东西，实际上手后才发现根本不会，只能全靠 Vibe Coding 了。

先看看成果吧~

构想

哪一个大学生不想有一个好看的，简约的桌上课表？我初步的想法就是做一个这样的 Dashboard。实际开始了之后，又希望能在上面加上自己的待办、日程和天气等信息。

架构

软件

数据获取

我的待办/课程 Deadline 放在 Todoist 中，但我的日程又是使用安卓手机的系统日历（为了使用 AI 自动化加日程），HyperOS 又没有一个想 Google Tasks 一样的 API 来让我直接调用，只能另辟蹊径。~~好在可以 Vibe Coding~~

我的方案是让 AI 写了一个安卓应用，每一个小时自动发送当日日程到我的服务器上。Todoist 有官方的示例代码且打包成了 Python 库可以直接调用，再也不用折腾微软的 API 了（主包之前用的 MS ToDO）。

心知天气的免费 API 已经足够我使用。

核心模块：如何优雅地把“我的课表”装进墨水屏？

和 AI 对线若干轮后，我完成了我需要的：一个支持当前周数判断的自动课表程序。课表保存在服务器的 .json 文件中。

它的功能非常直白：

正在上课时：它会显示当前课程、教室和时间；
今天的课上完后：它会自动往前看，预告[明日课程]。

“Und verloren sei uns der Tag, wo nicht getanzt wurde.” （每一个不曾起舞的日子，都是对生命的辜负。）

如果今天没课，明天也没课，它显示这句尼采的名言。

硬件

墨水屏

购买了微雪电子的4.2寸墨水屏，配套的开发板是 ESP32，内置了 Wi-Fi 和蓝牙，非常适合这个项目。

英语语料

Mon, 09 Mar 2026 12:44:21 +0800

Sentence patterns to provide examples:

This is evident when I…
For example, I often…
For instance, I tend to…
I demonstrate this by…
This manifests in my daily life when I…
A clear example is when I…
A recent example of this is when I…
You can see this in the way I…
My strength lies in…
I excel at…

一些有趣的 Github 项目

Sun, 08 Mar 2026 11:23:45 +0800

一些~~我认为~~有趣的 Github 项目，主要来源于 HelloGitHub 上的精选，持续更新……

ToDo:

阅读它们
分类整理

AI & Machine Learning

Productivity & Tools

Development & System

Hardware & IoT

Design & Resources

Others

RuView-WiFi Sensor

HugoGuidance

Fri, 06 Mar 2026 17:32:51 +0800

网站使用了 Gemini 来帮我建立，这是 Gemini 总结的备忘，放在上面。

站点基础信息与个人名片配置

主页的名称、个人简介、暗黑模式开关以及社交链接，全部由项目根目录下的 hugo.toml 文件控制。使用 Vim 打开该文件，直接修改对应字段即可。

baseURL = 'http://你的服务器IP或域名/'
languageCode = 'zh-cn'
title = '我的个人主页'
theme = 'PaperMod'

[params]
    defaultTheme = "auto"
    ShowThemeToggle = true
    author = "你的名字"

[params.homeInfoParams]
    Title = "你好，我是 [你的名字] 👋"
    Content = """
欢迎来到我的个人主页。

"""

[[params.socialIcons]]
    name = "github"
    url = "https://github.com/你的GitHub用户名"

浏览器标签页图标 (Favicon) 设置

为网页添加自定义图标，无需修改前端代码，分为文件放置与路径声明两步：

准备一张名为 favicon.png 的正方形图片（建议透明背景）。
将图片直接放在项目根目录的 static/ 文件夹下（即路径为 static/favicon.png）。
在 hugo.toml 文件的最下方补充资产声明配置：

[params.assets]
    favicon = "/favicon.png"

页脚 ICP 备案号添加

Hugo 支持通过局部模块注入内容，避免破坏主题原生代码。

在根目录下依次进入或创建文件夹：layouts/partials/。
使用 Vim 创建文件 extend_footer.html。
填入以下 HTML 代码，颜色变量 var(--secondary) 会自动适配网站的亮暗色模式：

<div style="margin-top: 10px; font-size: 14px;">
    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" style="color: var(--secondary);">
        苏ICP备XXXXXXXX号-1
    </a>
</div>

新文章创建与本地图片引用

内容创作完全通过终端命令生成模板，并通过 Markdown 语法进行排版。