538 字
3 分钟
如何在Vercel上部署博客

找到喜欢的博客#

Vercel支持大量框架的博客模板,比如nextjsastroexpresshexo等。在github等方法上挑选喜欢的模板即可(99%可以在vercel上直接部署) 我使用的模板如下,是一个使用astro框架的博客模板。

saicaca
/
fuwari
Waiting for api.github.com...
00K
0K
0K
Waiting...

在挑选好模板后,记得fork到自己的仓库下,相当于你自己的github账户下需要有博客仓库(后续vercel是直接从github仓库里进行导入)

在vercel上部署博客#

登录vercel推荐直接使用github账号登录

登录后,点击右边的Add New,选择Project 选择仓库里准备使用的模板,点击import 进入该界面后,正常来说只需要修改Project Name,博客使用的框架会被直接识别出来。

注意:这里如果仓库涉及到一些环境变量,可以在底部的EnvironmentVariables里配置

等待2-3分钟后vercel就可以部署成功你的博客 这时vercel会给你一个以vercel.app结尾的博客地址,该地址可以直接在公网进行访问

添加自己的域名(可选)#

当然,我们都希望自己的博客能有自己独特的域名。域名的购买不在这里赘述,推荐的域名购买商是:vercel(胜在方便,价格合理),namecheap。 不推荐在国内域名商购买,会涉及到一些备案问题,后续可能也不方便被google搜索到。

在你拥有自己的域名后,进入vercel的project空间,点击Domains,点击Add Existing,选择你要添加域名的项目,点击Select

输入你所购买的域名,注意不带www

添加好域名后,域名还无法正确解析,因为vercel无法验证域名所有权是否属于你 这里红框部分就是你需要添加的DNS Records,需要你去域名提供商那里添加一条DNS Records,另外vercel还需要你添加两个nameserver,才能正确解析。 在正确添加完DNS Records后,点击Refresh,验证域名所属权后,就可以直接通过域名访问博客~

如何在Vercel上部署博客
https://yunqing.org/posts/如何在vercel上部署博客/
作者
Yunqing
发布于
2025-08-27
许可协议
CC BY-NC-SA 4.0