个人博客

项目简介

这是一个使用 Astro 框架构建的个人博客网站,设计风格参考苹果官网,追求简洁和极致的用户体验。

技术栈

  • 框架: Astro 6
  • 样式: 纯 CSS + CSS Variables
  • 内容管理: Markdown + Content Collections
  • 代码高亮: Shiki
  • 评论系统: Giscus

主要特性

  • 零 JavaScript 默认,极快的加载速度
  • 支持暗色模式,自动检测系统偏好
  • 全文搜索功能
  • RSS 订阅支持
  • 完全响应式设计

开发过程

这个项目从零开始,经历了需求分析、技术选型、UI 设计、功能实现和测试部署几个阶段。

在技术选型阶段,我对比了 Next.js、Astro 和 Hugo 等方案,最终选择了 Astro,因为它对内容网站的优化最好,零 JS 默认的特性让页面加载速度非常快。