晨曦的宇宙
首页项目归档照片墙音乐灵境说说杂谈友链关于
封面

个人网站迭代记录

写作时间:2026-08-09
# Next.js
# Cloudflare
# 前端

从纯 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 猫猫功能上线。

avatar

晨曦

你好,我是晨曦。是一个高中生,没事喜欢用AI让自己的项目落地。

RECOMMENDED

智能天气钟表

2025-09-09

树莓派智能驾驶小车

2025-06-09

PiManager:自建 Pillow UI 组件库

2026-06-19

Table of Contents