用 Astro 搭建个人网站

为什么选 Astro？#

在众多静态站点生成器中，Astro 凭借以下特点脱颖而出：

• 零 JS 默认 — 页面默认不发送任何 JavaScript
• Islands 架构 — 按需加载交互组件
• 内置图片优化 — 自动 WebP/AVIF 转换
• Content Collections — 类型安全的 Markdown 管理

技术栈#

Astro 5 + TypeScript + UnoCSS
↓
Cloudflare Pages (部署 + CDN)
↓
addyu.xyz (自定义域名)

部署流程#

1. 在 GitHub 创建仓库
2. Cloudflare Pages 连接 GitHub
3. 配置构建命令和输出目录
4. 绑定自定义域名

整个过程免费，构建速度极快。🚀

写在最后#

作为摄影师和技术爱好者，用代码搭建自己的展示平台是一件很有成就感的事情。后续会分享更多摄影和开发的心得。