这个站点是怎么搭起来的

这是功能底座的示例文章之一，用来验证内容集合（Content Collections）的读取、 Markdown 渲染与代码高亮是否正常工作。

技术选型

维度	选择	理由
框架	Astro	默认零客户端 JS，产物是纯静态文件
样式	Tailwind CSS 4	CSS-first 配置，令牌集中在 CSS 里
内容	Markdown + Content Collections	写作与页面分离，类型安全
构建	npm	本地构建，产物直接交给 Nginx

目录组织

src/
├── data/           # 站点信息与工具数据（唯一事实来源）
├── content/        # Markdown 文章
├── components/     # 可复用组件
├── layouts/        # 全站唯一外壳
├── pages/          # 路由
└── styles/         # 设计令牌