从零搭建个人网站的全记录

为什么选 Astro

在众多静态站点生成器中，Astro 以其“岛屿架构”脱颖而出。它默认输出零 JavaScript，只在需要交互的组件上才加载 JS，这对于一个以内容为主的个人网站来说再合适不过。

技术选型

• Astro 7 — 静态生成 + 岛屿架构
• React — 交互组件（主题切换、语言切换）
• Tailwind CSS 4 — 原子化样式
• Content Collections — 类型安全的 Markdown 管理

设计理念

这个网站的设计灵感来自东方水墨画——留白即内容，克制即力量。整个色彩体系只有墨色阶和一抹朱砂，用最少的颜色传达最丰富的层次。

好的设计不是没有东西可以添加，而是没有东西可以删除。

部署方案

静态文件通过 GitHub Actions 自动构建，rsync 到腾讯云轻量服务器，Nginx 托管。SSL 证书使用 Let’s Encrypt 自动续期。

整个流程：Git Push → GitHub Actions → Build → Deploy

总结

搭建个人网站不需要复杂的技术栈，选择适合自己需求的工具，把精力放在内容和设计上，才是最重要的。