凌晨四点,我还在写代码——一个开发者的通宵实录
凌晨四点,我还在写代码——一个开发者的通宵实录
开局:一杯咖啡引发的血案
事情是这样的。昨晚十点,我闲着没事打开了电脑,心想”就改个小 bug”。结果你们也看到了——现在是凌晨四点,我面前摆着三个空咖啡杯,屏幕上跑着 31 个工具页面、16 个小游戏、一个完整的博客后台管理系统,还有一个刚刚部署完的 AI Worker。
这就是程序员的”就改一个小 bug”。
第一阶段:博客后台管理系统(22:00 - 01:00)
一切从”我想要个后台管理”开始。
现有的 CWD 评论系统只能管评论,我想管文章、管标签、管分类、管部署、管 SEO。于是我和 AI 搭档开始了疯狂的开发模式:
- 仪表盘:文章数、评论数、PV 统计、趋势图、最近评论——一个页面搞定
- 文章管理:通过 GitHub API 读取博客文章列表,支持搜索、编辑、删除
- 标签管理:解决了困扰我已久的”标签碎片化”问题。之前自动发布脚本会把文章标题截取前 8 个字当标签,导致出现了”苹果Vision”、”某大厂AI模型集”这种鬼东西。现在统一用”每日热点”一个标签
- 分类管理:重命名、删除,一目了然
- SEO 工具:百度推送接口,一键提交 URL
- 部署管理:CF Pages 部署历史,手动触发部署
后端 7 个 API 端点,前端 7 个 Vue 页面,多角色代码评审(产品、UI、开发、测试),一轮下来修了 7 个关键 bug。
凌晨一点,后台系统上线。
第二阶段:在线工具箱(01:00 - 03:00)
后台搞完了,我突然觉得博客缺个实用工具模块。
“做个 JSON 格式化工具吧”,我对自己说。
然后就停不下来了。
第一批 19 个工具:JSON 格式化、时间戳转换、Base64 编解码、URL 编解码、哈希生成、密码生成器、UUID 生成器、正则测试、颜色转换、JWT 解析、Cron 表达式解析、代码高亮、CSS 单位换算、图片加水印、图片压缩、二维码生成、图片格式转换、文本对比、字数统计。
做完之后我觉得不够,又让 AI 搭档加了第二批 12 个:Markdown 预览、JSON↔YAML、JSON 转 TypeScript、CSV↔JSON、HTML 转义、Unicode 编解码、HTTP 状态码速查、Base64 图片预览、图片裁剪、图片去水印、Mock 数据生成、User-Agent 解析。
31 个工具,每个都是独立的 HTML 页面,零依赖,秒开。
第三阶段:小游戏模块(03:00 - 04:00)
工具箱做完,我又想:”要不加几个小游戏?”
2048、贪吃蛇、俄罗斯方块、扫雷、记忆翻牌、Flappy Bird、打砖块、五子棋、井字棋、数独、打字竞速、Wordle、生命游戏、像素画板、弹球……
16 个小游戏,每个都有最高分记录,部分还有 AI 点评功能——通过 Cloudflare Worker 调用 Agnes AI,游戏结束时给你一句毒舌评价。
第四阶段:影视屋独立化(04:00 - 04:30)
影视屋原本嵌在博客的 Butterfly 主题框架里,加载一堆不需要的 JS/CSS。凌晨四点,我把它拆出来做成独立页面:暗色影院风格,零依赖,秒开。
第五阶段:收尾(04:30 - 06:00)
最后两小时,我做了这些事:
- 部署了 AI Worker(
ai.233002.xyz) - 把影视屋和工具箱从博客导航栏移到”更多”下拉菜单
- 修复了 HTTP 状态码速查工具的引号 bug
- 修复了编辑器预览不渲染图片的问题
- 修复了登录后跳转到错误页面的问题
- 写了这篇文章
数据统计
| 项目 | 数量 |
|---|---|
| 代码提交 | 7 次 |
| 新增文件 | 59 个 |
| 新增代码行 | 9,145 行 |
| 消耗咖啡 | 3 杯 |
| 消耗时间 | 8 小时 |
| 睡眠时间 | 0 小时 |
最后
现在是早上六点,窗外已经亮了。
我要去睡觉了。
如果你也在凌晨写代码,记得多喝水,少喝咖啡。以及,永远不要对自己说”就改一个小 bug”。
本文由一个通宵未眠的开发者在意识模糊状态下撰写,如有错别字,那是因为我的手指已经不听使唤了。
博客地址:233002.xyz
️ 内容包含AI生成,请注意甄别。




