动态

起点 关于页一直是博客里最没存在感的页面——一张毛玻璃卡片，几段文字，加一句"直而不肆 光而不耀"。它像是个被遗忘的角落，和其他页面的精心设计（FullHero 粒子动画、动态页星河时间线、随记页星穹背景）形成鲜明对比。 但关于页恰恰是最不该敷衍的——它是读者了解"写博客的人是谁"的入口。 核心思路：身份叙事而非自我简介 传统关于页就是一份简历式自我介绍："我叫 XX，做 X

想法 最近在折腾博客的视觉改造，从最初的简洁风格，慢慢加入了更多二次元元素。整个过程就像是在装修自己的房间——今天换个窗帘，明天添一盏灯。 碎碎念 写代码和写博客其实是两种完全不同的状态。写代码时追求精确和效率，写博客时反而更享受那种慢慢打磨的感觉。 昨天深夜调 FullHero 的粒子动画，看着光点在屏幕上浮动、被鼠标推开，突然觉得这才是我想做的——让技术有温度。

一图顶千字，但 23 张就是灾难 浮光博客比较吃视觉。首页全屏 Hero 背景、Bento 卡片、每日一图轮播、随记页背景、文章封面……算下来一共 23 张高清插画，有不少是 4K 甚至更高分辨率的 PNG。某天我突然意识到这个事情，打开开发者工具看了下——好家伙，光首页就可能下载 8MB 的图片。最大的单张（一张灯塔插画）6.1MB，比整个 Next.js 框架的 JS bundle

起点 博客动态页最初就是一列暗色直线时间线，卡片全在右侧，亮暗切换几乎无感。回头看，那个"亮色"其实就是深海军蓝——亮了个寂寞。 想改。两条线并行：一是做一个真正的亮色模式（暖纸、晨光、书卷气），二是打破直线排列，让布局本身有张力。 核心隐喻：星河 名字定了叫「星河」（Star River）——一条蜿蜒的光之河流，每条动态是河中的一颗星。切换主题时呈现两种面貌： |

窗外的光和屏幕里的代码 周六下午两点，阳光从窗帘缝隙里漏进来，照在键盘上。手边是一杯已经凉掉的拿铁，屏幕上是一个还没调通的 CSS 动画。不知道为什么，这种时刻总让我觉得特别平静——没有工作日的紧迫感，没有 deadline 的压迫，只有自己和代码，像两个老朋友在午后闲聊。 写代码这件事，有时候真的和写文章很像。初稿总是潦草的，充满了 和硬编码的魔法数字。然

初见所有权的困惑 第一次读到 Rust 的所有权规则时，我的反应和大多数人一样：这编译器怎么这么烦人？一个简单的字符串赋值都要 move 来 borrow 去，我只是想把一个变量传给函数而已！ 但写了两个月之后，我突然在某天调试一个 Go 写的并发程序时顿悟了。那个 bug 是两个 goroutine 同时修改了一个 map，没有任何同步保护，导致运行时 panic。如果在 Rust

便利背后的代价 最近发现一个有趣的现象：越来越依赖 AI 辅助写作之后，我独自面对空白文档时的焦虑感反而变强了。以前写博客是"坐下来，想清楚，写出来"的线性过程。现在变成了"让 AI 生成一个框架 → 修改 → 不满意 → 自己重写 → 又让 AI 润色"的循环。 我开始怀疑，这个"效率提升"是不是有代价的。就像用计算器太久会忘记心算，用导航太久会失去方向感——用 AI 写作，会不会在

复杂是创造力的敌人 如果你像我一样折腾过个人博客，大概也经历过这个循环：选框架 → 搭环境 → 加功能 → 加更多功能 → 太复杂了不想写了 → 换框架重新开始。 我经历过 Hexo、Hugo、Gatsby、Astro，最后回到了最朴素的技术栈。不是因为这些框架不好，而是因为它们太好了——好到让我花了太多时间在工具本身，而不是在内容上。 少即是多 删掉评论系统之后，我开始写得

原则：小而频繁的提交 我见过太多人等到功能"做完"才 commit，结果是一个包含 47 个文件的巨型提交，commit message 写着"完成用户模块"。这种提交在 code review 时是灾难——没人能理解每一步为什么要改。 我自己遵循两个简单的原则：一，每个 commit 只做一件事；二，commit message 用祈使句写原因而不是描述做了什么。 具体做法

一块树莓派引发的折腾 上个月在抽屉里翻出一块吃灰两年的树莓派 4B，想着"放着也是放着，不如把它利用起来"。就这样开始了我的家庭服务器搭建之旅。 先装了个 Ubuntu Server，配好 SSH，搭了个简单的文件共享。跑了两天发现居然挺稳定的，于是胆子大了起来。加了 Pi-hole 做广告拦截，用 Docker 部署了 RSS 阅读器 Miniflux，又搭了个轻量级的笔记服务。最后

从 utility types 开始 TypeScript 的 utility types 是真正提升开发体验的利器。、、、 这些内置类型看似简单，但组合起来能解决大部分日常需求。 比如权限系统里，你从后端拿到完整的 User 对象，但注册表单只需要用户名和密码。用 `Pick<User,

深入解读 FAST 2020 顶会论文 HotRing，解析其有序环哈希索引结构、两种热点识别策略和无锁 CAS 实现，并附完整 Python/C 代码。

被切碎的一天 周二早上到工位，先花了半小时回消息和邮件。刚打开 IDE，测试环境的报警来了——不是大问题，但足够打断思路。排查了四十分钟，修了一个配置文件的格式问题。午饭前本来想写完那个 API 接口的，结果被拉去讨论下周的迭代排期。 下午更碎：PM 来确认需求细节，设计同事来问一个交互方案，实习生卡在环境配置上需要帮助。等到下班前终于有了一段完整的时间，却发现脑子已经转不动了。这一天

留白的力量 日本设计有一个我特别着迷的概念叫"間"（Ma）——有意识的留白。不把空间填满，让空白本身成为设计元素。在 UI 设计中，最常犯的错误就是不舍得留白，总想在一个页面里塞进更多信息。但信息密度过高的结果往往是用户什么都不想看。 试着在博客的卡片之间多加了 8px 的间距，试着在段落之间留出呼吸的空间，试着让标题有属于自己的领地——这些微小的调整加在一起，页面突然变得"安静"了。

两个关键属性 CSS 动画的入门其实只需要理解两个东西： 用于状态切换， 用于持续动画。选对了就成功了一半。 过渡动画最简单也最常用。一个按钮从正常状态到 hover 状态，你只需要告诉浏览器"哪些属性变了、用多长时间、什么速度曲线"。 这句话写下去，按钮就有了生命。 关键帧

详细介绍如何将 Next.js 14 项目部署到 GitHub Pages，包括配置、优化和常见问题解决。

这是我的第一篇博客文章，分享我搭建这个博客的经历和心得。