# 在2026年拥有自己的博客

> 手把手教你用 Astro 搭建博客，零成本部署上线，不需要买服务器

发布：2026-07-16 | 分类：博客 | 标签：Astro


不知不觉间，我折腾博客也已经三年多了。随着 AI 以及技术的发展，现在搭建博客相比前几年，无疑是简单太多了。

很多想写博客的朋友，可能一听说要买服务器、配域名、搞 SSL 证书，就被劝退了。其实完全不用这么麻烦，用静态博客托管到 Vercel 上，可以让你非常方便地拥有一个自己的博客。

这篇文章会教你怎么用 **Astro** 生成博客，然后一键部署到 Vercel 上。如果你不需要自定义域名的话，那本文的所有操作都是完全免费的。

## 前置准备

你只需要一样东西：

- 一个 **GitHub 账号**，用于存放博客仓库

没有的话去 [GitHub](https://github.com) 注册一个，免费的。

## 选择主题模板

Astro 是一个**静态站点生成框架**，简单来说，它会提前把你的博客页面全部生成好，用户访问的时候直接加载现成的页面，所以速度非常快。你只需要负责写 Markdown 文章，Astro 帮你把它们变成好看的网页。

> Hexo 也是静态框架，但个人感觉无论是上手难度还是性能，Astro 都后来者居上。

你可以去[官方市场](https://astro.build/themes/1/?search=&price%5B%5D=free) 寻找免费的主题模板，这里我使用 [Fuwari](https://github.com/saicaca/fuwari) 主题作为演示。

![838](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/Fuwari%E9%A2%84%E8%A7%88.png)

## 创建仓库

### fork 项目

找到主题的 GitHub 仓库，点击右上角的 **Fork**，或者使用模板创建。

![818](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/2026%E5%B9%B4%E6%8B%A5%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2.png)

一般来说，选择 fork 或者使用模板都可以，效果是一样的。

![694](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/2026%E5%B9%B4%E6%8B%A5%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2-1.png)

随后进入创建仓库的界面，仓库名称可以按需修改，其他设置保持默认就行。

## 部署到 Vercel

### 什么是 Vercel

Vercel 是一个**前端托管平台**，简单来说就是帮你把写好的网站发布到互联网上，别人就能访问了。它对静态网站的支持非常好，而且免费额度对于个人博客来说完全够用。

### 导入项目

访问 [Vercel](https://vercel.com/)，使用 GitHub 账号登录注册。

点击右上角的 **Add New**，选择 **Project**。

![](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/2026%E5%B9%B4%E6%8B%A5%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2-2.png)

然后导入刚刚 fork 的仓库。

![929](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/2026%E5%B9%B4%E6%8B%A5%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2-3.png)

### 构建部署

点击 **Deploy**，开始构建部署。

![860](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/2026%E5%B9%B4%E6%8B%A5%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2-4.png)

稍等片刻，看到状态显示为 **Ready**，就代表部署成功了。

Vercel 会为你自动分配一个域名，类似 `xxx.vercel.app`。

![853](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/2026%E5%B9%B4%E6%8B%A5%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2-5.png)

点击域名访问，博客就成功显示出来了。

![890](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@main/images/2026%E5%B9%B4%E6%8B%A5%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2-6.png)

## 日常更新

以后写完新文章，只需要把 Markdown 文件扔到项目的文章目录下，然后 `git push` 推送到 GitHub，Vercel 会自动检测到变更并重新部署。

## 可选：绑定自定义域名

Vercel 分配的 `xxx.vercel.app` 域名虽然能用，但如果你想用自己买的域名，也是可以绑定的。

### 在 Vercel 添加域名

进入项目 → **Settings** → **Domains** → 输入你的域名，比如 `blog.yourname.com`。

Vercel 会提示你需要添加一条 DNS 记录。

### 配置 DNS

去你的域名服务商（阿里云、腾讯云、Cloudflare 等），添加一条 **CNAME 记录**：

| 主机记录                 | 记录类型 | 记录值                 |
| ------------------------ | -------- | ---------------------- |
| `blog`（你想用的子域名） | `CNAME`  | `cname.vercel-dns.com` |

保存后等几分钟，域名就生效了。Vercel 会自动帮你配置 HTTPS 证书，不需要自己折腾。

## 可选：国内访问加速

如果你主要读者在国内，Vercel 默认的域名访问速度可能不太理想。可以用这个开源项目 [enhanced-FaaS-in-China](https://github.com/xingpingcn/enhanced-FaaS-in-China) 来加速，它通过优选 IP 的方式，让国内三大运营商（电信、联通、移动）都能更快地访问你的博客。

### 操作步骤

1. 在 Vercel 绑定好你的自定义域名，等待 SSL 证书生成
2. 去你的域名服务商（阿里云、腾讯云等），将域名的 **CNAME 记录**改成：

| 主机记录             | 记录类型 | 记录值                        |
| -------------------- | -------- | ----------------------------- |
| `blog`（你的子域名） | `CNAME`  | `vercel-cname.xingpingcn.top` |

3. 等待 DNS 生效即可

这个项目的 CNAME 记录大约每 40 分钟更新一次，会自动挑选当前最快的节点，比 Vercel 官方默认的线路稳定很多。

## 优缺点总结

### 优点

- **零成本**：不需要买服务器，Vercel 免费额度足够个人博客使用
- **部署简单**：关联 GitHub 后，推送代码自动部署，省心省力
- **性能好**：静态网站，加载速度快，不依赖后端
- **无需运维**：不用担心服务器被攻击、系统升级、宕机等问题
- **HTTPS 自动配置**：Vercel都自动提供证书

### 缺点

- **国内访问不稳定**：Vercel 在国内没有节点，部分网络环境下加载较慢，需要搭配 CDN
- **功能受限**：静态博客只能展示内容，不能做用户注册、评论系统（可以外挂第三方评论）等动态功能
- **主题修改有门槛**：这一点下面单独说

### 关于主题修改

Astro 主题本质上是代码，和 WordPress 那种可视化拖拽改主题不一样。好处和坏处都很明显：

**如果你有编程基础**，Astro 的主题自由度非常高——想改布局、换配色、加功能，直接改代码就行，能做出完全属于你自己的风格。

**如果你不熟悉编程**，也不用太担心。现在 AI 已经很成熟了，把你想要的效果描述给 AI，让它帮你改代码，然后复制粘贴进去就行。大部分主题的调整（换颜色、改字体、加页面）AI 都能搞定。