站点升级手记 01：把老博客重新做成一个可长期维护的产品
为什么要重新升级
最开始这个站只是一个能写文章、放照片、记录折腾过程的个人博客。时间一长，问题开始变得明显：页面风格不统一，移动端体验不稳定，播放器、相册、评论、赞赏、广告位和后台逻辑各自生长，功能越来越多，但整体不像一个可以长期维护的项目。
这次升级的目标不是单纯换一套皮肤，而是把站点重新当成一个产品来做。首页要能承载内容，文章详情要适合阅读和转化，Gallery 要成为有记忆点的体验页，工具箱要能带来搜索流量，Sponsor 页面要能真正接住商业合作。
这次升级覆盖了什么
升级范围横跨前端、后端、内容、运营和部署。前端部分重做了导航、卡片、文章详情、移动端菜单、赞赏弹窗、上一页/下一页、点赞点踩、相册和播放器。后端部分补了内容采集、广告位、合作线索、性能监控、缓存清理和环境变量治理。
整个过程里有一个原则：能被长期维护的功能才值得留下。炫酷是视觉结果，不是代码混乱的理由；商业化是方向，不是到处堆按钮的理由。
- 统一视觉语言，降低页面之间的割裂感。
- 保留站点原本的个人气质，同时增强现代感和可读性。
- 减少敏感配置散落在代码里的风险。
- 把流量、内容、工具、广告、赞赏串成可运营的闭环。
公开记录与安全边界
这组连载会记录公开层面的设计取舍、工程优化和踩坑复盘，但不会记录服务器地址、账号、密钥、内网穿透细节、数据库密码、第三方平台 token 等敏感信息。个人站可以开放经验，但不能开放攻击面。
后续每一篇会拆一个具体主题：前端视觉、移动端交互、Gallery 与音乐、性能、内容采集、SEO、商业化、工程治理，以及一次 Live2D 看板娘贴图错乱的修复过程。
相关推荐
开发者工具
请我喝咖啡
如果内容帮到了你，可以赞赏支持继续更新。
赏