Jary8佳瑞网

Case 01 / 个人项目 · 进行中

佳瑞网 5.0

佳瑞网的重设计与重构:用 Astro 静态内容站替代旧 Next.js 半成品,重建信息架构、视觉系统与构建发布链路。

Status
进行中
Period
2026.09 – 至今
Role
独立设计与开发
Stack
Astro / TypeScript / Tailwind CSS / MDX

背景

旧站停留在 Next.js 10 的半成品阶段,登录、API 与数据库没有被真正使用,却给维护带来持续成本。5.0 的目标是回到内容站本身:文章、项目、关于与一组基础 SEO 能力。

目标

  • 静态输出,无登录、无数据库、无服务端 API
  • 桌面与移动端都保持克制的阅读体验
  • 用内容文件驱动页面,新增内容不改代码
  • 首屏性能与可访问性达到可验收标准

方案

页面外壳使用 Astro,正文使用 MDX 内容集合;交互只保留主题切换、搜索与少量岛屿。首页地球在桌面使用 Canvas 2D 运行时,移动端加载静态海报。

构建后由 Pagefind 生成中文索引,Cloudflare Pages 负责预览与静态托管。

难点

最大的取舍不在框架,而在内容边界:分类筛选必须改成静态路由,搜索必须完全客户端化,旧链接需要重定向策略。这些问题在写页面前先定清楚,返工明显更少。

结果

当前处于 M2 骨架阶段:内容集合、路由、主题、搜索、RSS、sitemap 与 404 已跑通,页面视觉将在设计验收后继续接入。

搜索站点内容

输入关键词后按结果列表浏览,按 Esc 关闭。

输入关键词,搜索文章与项目。支持中文。

Enter 打开结果Esc 关闭/ 或 ⌘K 唤起索引本地索引 · Pagefind