2026.04.10
用 Astro 搭建个人作品集网站
## 为什么选 Astro?
Astro 是一个现代化的静态站点生成器,非常适合搭建个人网站和博客。
### Astro 的核心优势
1. **零 JS 开销**:默认生成纯 HTML/CSS,页面加载极快
2. **Markdown 支持**:写博客就像写文档一样简单
3. **组件生态**:可以引入 React/Vue/Svelte 组件
4. **部署简单**:生成静态文件,任何服务器都能托管
### 快速开始
```bash
npm create astro@latest my-site -- --template minimal
cd my-site
npm run dev
```
### 内容管理
使用 Astro 的 Content Collections 功能管理博客文章:
```astro
---
import { getCollection } from 'astro:content';
const posts = await getCollection('blog');
---
{posts.map(post => {post.data.title})}
```
### 总结
Astro 是目前搭建个人博客和作品集的最佳选择之一,兼顾了开发体验和用户加载速度。