随着博客内容的积累,原本基于 WordPress 构建的旧版站点逐渐暴露出诸多痛点。经过一段时间的思考与重新设计,我决定对“南山有鱼”进行一次彻底的架构重构与视觉升级。
一、为什么要弃用 WordPress?
-
架构臃肿:复杂的数据库查询与庞大的插件生态,导致首屏加载(FCP)极其缓慢,失去了个人博客该有的干净利落(懒得优化了)。
-
定制受限:套用现成主题固然省时,但极难表达个性化的审美排版,很多细微的微交互与动态氛围效果在原框架下修改起来极为繁琐。
-
体验拖沓:后台完全依赖服务端请求,写作排版与媒体文件上传时常被网络延迟打断,编辑流程不够流畅。
二、主要重构内容
-
Astro 静态引擎驱动:全面从 WordPress 转向轻量化静态框架 Astro。采用 SSG(静态站点生成)技术将文章预渲染为纯 HTML,极大地精简了客户端 JavaScript 的加载体积,降低了服务器开销,并大幅提升了首屏加载速度。
-
视觉设计与交互升级:融合圆角毛玻璃与宽画幅设计,增强了视觉张力与 3D 动态交互体验。同时全站针对移动端做了深度优化,保障流畅的触控体验。
-
本地 Headless CMS 模式:将博客后台完全收拢至本地,实现离线创作。仅在发布时通过 API 与云端服务器进行增量同步,彻底摆脱在线编辑的延迟感。后台编辑器完全由前端自主定制,具备极高的扩展自由度。
-
Cloudflare R2 边缘图床:全站图片资源托管于免费的 Cloudflare R2 对象存储,结合构建时自动转码 WebP 缩略图,大幅减轻了主服务器的带宽与流量压力。
三、个人博客结构分类
这次重制不仅是一次技术的迁移,也是随着年龄增长后对博客内容的一次重新归纳。我将全站内容梳理为了三大核心板块:
- 画廊页面:用于展示独立开发的应用程序、教学课件与摄影作品。抛弃了传统的图文排版,而是像照片随性铺在桌面上一样呈现,点击后会自动整理并显示详细的文字描述,更具视觉张力。
- “犯病文学”页面:承载 Web 小说连载、日常随笔与中二感满满的碎片化创作。内置了专用的小说播放器,支持插图、对话等复杂的演出形式,后续还计划引入视差效果。
- 文章页面:专门用来存放软件开发、学习探索等结构化的长文。排版侧重舒适的行间距、代码高亮与清晰的目录引导,是站点中最核心的知识输出主体。

