为什么选 Astro#

Astro 是当前最流行的静态站点框架之一，核心优势是**“默认零 JS”**——页面加载时不发送多余脚本，打开速度极快；内容用 Markdown 编写，天然适合博客。

第一步：初始化项目#

1
npm create astro@latest my-blog

选择”Empty”模板，按提示进入目录后 npm install 安装依赖，npm run dev 即可在本地预览。

第二步：挑选与更换主题#

Astro 生态有大量现成主题（如 Fuwari、AstroPaper、Starlight 等），下载源码放入项目目录，修改配置文件即可。主题通常包含：首页列表、文章页、归档、搜索等完整功能。

第三步：写第一篇文章#

在 src/content/posts/ 下新建 Markdown 文件，头部写入 frontmatter：

1
---
2
title: 我的第一篇文章
3
published: 2026-10-02
4
description: 示例描述
5
tags: [教程]
6
category: 技术教程
7
---

正文用 Markdown 语法书写，构建后自动生成文章页面。

第四步：构建与部署#

1
npm run build

产物在 dist/ 目录，直接部署到 Cloudflare Pages（连接 Git 仓库或上传产物均可），免费 CDN + SSL 自动生效。

小结#

三小时的路程：装框架（半小时）→ 换主题改样式（两小时）→ 写内容部署（半小时）。技术栈轻、成本为零，是目前个人博客的最佳实践之一。