-
1
博客开发指南 (一)：项目架构与核心页面解析
从 0 认识本博客的文件结构与页面构成
欢迎来到本博客的开发指南系列！这套指南将带你深入了解我们是如何构建和维护这个现代化静态博客的。首篇文章，我们先来剖析项目的整体结构以及最重要的几个公共页面。
-
2
博客开发指南 (二)：GitHub Actions 自动化部署流
解密网站背后的自动化构建与发布流水线
作为现代化的技术博客，我们不再依赖手动在本地跑命令生成页面，而是将这一切都交给了 GitHub Actions。
-
3
博客开发指南 (三)：构建基于 LLM 的每日资讯爬虫
探索 Daily 页面背后的大模型自动摘要引擎
如果你访问过博客的 Daily 页面，你会发现那里总有最新鲜的技术资讯。这都归功于我们在 crawlers/ 目录下编写的一套自动化爬虫与 LLM 摘要引擎。
-
4
博客开发指南 (四)：VS Code 极速创作与发文指南
用自定义 Snippets 告别繁琐的 Front Matter
对于写博客来说，最大的阻力往往是每次都要手敲那一段复杂的头部信息（Front Matter）。为了让你更专注于内容创作，本仓库深度定制了 VS Code 的工作流。
-
5
博客开发指南 (五)：数据驱动的新分组创建
不用写 HTML，教你一分钟在首页增加新专栏
博客运营一段时间后，你一定会有拓展新领域的需求。比如你原来只写技术，现在想增加一个叫“音乐分享”的新专栏。在传统的博客系统里，你可能需要去修改 HTML，写新的 div，调 CSS 布局。但在这个博客里，一切都被设计成了数据驱动！
-
6
博客开发指南 (六)：Tags 页面重构与信息归整
把杂乱的标签页，改造成一个可筛选、可搜索、每篇只出现一次的内容索引
/tags/ 往往是博客里最容易被忽视、却又最容易失控的一个页面。一开始标签不多时，按 tag 逐组平铺文章没有什么问题；但只要文章一增多、每篇文章开始拥有多个标签，页面就会迅速变得拥挤：同一篇文章在不同 tag 下重复出现，视觉上像一面被不断复制粘贴的墙。
-
7
博客开发指南 (七)：游戏循环与状态机——街机厅的心跳
从 if-else 地狱到清晰的状态流转：解密咖啡街机厅六台游戏的共同骨架
最近给博客的 Daily 页面做了一个「咖啡街机厅」：坦克大战、打砖块、Flappy 咖啡杯、下一百层、浓缩时序、小丑杯，六台复古机台全部手写在一个 480×360 的画布里。
-
8
博客开发指南 (八)：一行注册一台机——插件式框架设计
约定优于配置：咖啡街机厅如何做到新增游戏零改框架
上一篇我们聊了游戏循环与状态机——单台游戏的骨架。这篇往上一层：框架。
-
9
博客开发指南 (九)：别让指针穿墙——游戏碰撞检测入门
两个数字的比较，撑起整个街机厅：圆形、矩形与瓦片地图
游戏世界里有成百上千个”东西”在飞：子弹、坦克、咖啡杯、下落的方块。玩家永远不会问”碰撞检测是怎么写的”，但如果碰撞错了——子弹穿身而过、坦克卡进砖墙、小人踩空掉落——游戏立刻显得廉价。这篇讲清楚街机厅里的三样碰撞武器：圆形、矩形、瓦片地图。它们没有一样超出”两个数字的...
-
10
博客开发指南 (十)：随机不等于坑——洗牌、种子与“第 29 根管道”事故复盘
27% 的玩家在第 29 根管道必死：一次从用户反馈到 BFS 证明的完整排查
这是整个街机厅系列里我最想讲的一个故事。它有一切好 bug 故事的要素：玩家只留下一句模糊反馈、现象看起来像玄学、排查走了模拟器、时刻表取证、最后用图搜索给出了数学级别的证明。更重要的是，它的根因——“全局帧号对变化的除数取模”——是一个极其容易复发的反模式，值得专门写下来。
-
11
博客开发指南 (十一)：看不见的玩家——无头测试与遥测机器人
给游戏写测试听起来很奢侈，但它抓住了每一个真实崩溃
系列收尾篇，讲一个不太性感但救过命的话题：给游戏写自动化测试。
