项目背景
需要一个轻量、快速、SEO 友好的个人网站来展示研究方向和项目作品。使用 Hermes Agent 作为 AI 辅助工具完成了从项目初始化到内容填充的全流程。
技术栈选择
| 技术 | 用途 | 选型理由 |
|---|---|---|
| Astro | 静态站点生成 | 零 JS 默认输出，构建速度快 |
| Tailwind CSS | 样式框架 | 设计系统一致性 |
| Shiki | 代码高亮 | VS Code 同款引擎 |
| Pagefind | 全文搜索 | 纯静态，无需后端 |
| Hermes | AI 辅助开发 | 自动生成内容草稿、代码审查 |
| Cloudflare Pages | 部署 | 免费、全球 CDN |
核心功能
- 博客文章系统（Content Collections）
- 项目作品集展示
- 研究方向页面
- 标签/分类/归档
- 阅读进度条、文章目录、代码复制
- 全文搜索（Pagefind）
- RSS 订阅 + Sitemap
- 完整 SEO（JSON-LD + OpenGraph）
后续计划
- 添加评论系统（Giscus）
- 暗色模式支持
- 多语言支持
- 写作统计面板