欢迎来到我的博客！这是一个使用现代 Web 技术构建的极简个人博客。

项目名称寓意”羽笔绽放”，象征着文字的生长和创造力的迸发。

核心设计理念

使用 Astro 作为核心框架，确保网站的快速加载和良好的 SEO 表现。

秉承”小而美”的设计原则，尽量避免使用 JS；一些特定的交互如果需要使用 JS，则使用内联的 WebComponent 实现。

技术栈详解

核心框架

• Astro 5.7+

  现代静态站点生成器，支持多种前端框架。Astro 的核心优势在于零 JavaScript 的默认行为，只在需要交互时才加载 JavaScript，显著提升了页面性能。

样式与 UI

• Tailwind CSS 4.0+

• React 19

内容管理

• 内容集合 (Content Collections)

  Astro 内置的内容管理方案，使用 Zod 进行类型验证，支持 Markdown 和 MDX 格式，提供类型安全的内容查询。

• MDX 支持

  在 Markdown 中嵌入 React 组件，实现更丰富的内容表达。

图片处理

• Sharp

  高性能的 Node.js 图像处理库，用于自动生成不同尺寸的图片和 WebP 格式转换。

Markdown 处理插件

• rehype-autolink-headings

  为标题自动添加锚点链接。

• rehype-slug

  为标题生成唯一的 ID 属性。

开发与构建

• TypeScript

• ESLint & Prettier

• pnpm

部署方案

• Vercel
• Docker