把博客搬到 Cloudflare Pages 之后
从需要数据库的传统程序换成纯静态站点,构建速度和访问速度的差别比想象中大很多。这篇记一下迁移过程中的取舍,以及踩到的几个小坑。
为什么要换
旧程序每次访问都要跑一遍数据库查询,服务器配置低的时候首屏经常要一两秒。静态站点把这一步挪到构建阶段,访问时直接返回现成的 HTML,几乎没有等待。
构建配置
核心就两行:
Build command: npm run docs:build
Output directory: docs/.vitepress/dist填完这两项,剩下的交给 Cloudflare 自动处理,每次 git push 都会触发重新构建。
唯一要注意的是输出目录一定要和实际构建产物路径对上,路径错了会导致部署成功但页面空白。
后续要做的
接下来准备把评论区换成静态兼容的方案,再把旧文章的图片统一转成体积更小的格式,进一步压缩首屏加载时间。