从纯 HTML 到 Next.js,迭代了好几版。
第一版:纯 HTML/CSS/JS
最开始用纯 HTML 写的个人主页。星空背景、轮播卡片、天气面板、成就墙、未来方向区... 内容塞太满,文案太精致,AI味很重。
部署在 GitHub Pages + CF Pages 双站,阿里云 DNS 分线路解析。大陆走 GitHub Pages,境外走 CF Pages。
后来发现 CF Pages 的 Workers 额度被打爆过一次(压测导致的 P0 事故),就彻底解构了 Workers 依赖。
第二版:XinghuisamaBlogs
在 B 站看到一个毛玻璃风格的博客模板,Next.js 构建,挺好看的。fork 下来改了配置:
- 背景图换成自己的星空图
- 简介改成自己的语气
- 删掉原作者的示例内容
- 添加自己的项目和文章
部署在 CF Pages,用 OpenNext 适配器。Windows 上构建有点坑,@cloudflare/next-on-pages 已经废弃,用 @opennextjs/cloudflare 替代。
技术栈
- 框架:Next.js 16.3.0
- 部署:Cloudflare Pages
- 域名:chenxiuniverse.top
- 备案:萌ICP备 20261024号
踩过的坑
- Next.js 16.2.1 和 OpenNext 适配器版本不兼容,要升级到 16.2.11+
- Google Fonts 在大陆被墙,改成系统字体
- API 路由不能和静态导出共存,改成客户端调用
- wrangler CLI 在 Windows 上有编码问题,用 PowerShell 的 Out-File 指定 UTF-8
- .top 域名不支持 CF Pages 自定义域名绑定
目前的功能
- 博客文章(Markdown)
- 碎碎念(说说)
- 项目展示
- 照片墙
- 音乐播放
- 天气显示
- AI 猫猫(Gemini API)
- 暗色/亮色主题切换
下一步打算把 Gemini API Key 配上,让 AI 猫猫功能上线。
