简介

vercel 是国外一家网站托管服务,它不仅能够像 github page 一样托管静态网站,还能部署 serverless 接口,这代表前后端服务 vercel 都能部署,vercel 还支持自动配置 https,只需在域名服托管商添加 vercel 的解析就能免费部署 https,免去部署证书的麻烦。本教程向大家展示如何使用 vercel 部署自己的博客,更多 vercel 功能待博客更新。

本教程需要:

注册 Github

一个已备案好的国内域名(比较省事)

使用 hexo 框架下的 butterfly 主题并上传代码到 github

注册 Vercel

官网:https://vercel.com/

注册

Vercel 支持使用 github 登录,只需使用 github 授权给 vercel 即可。

添加项目

添加项目

点击右上角的 Add New... ,点击 Project 添加项目,选择 Continue with Github,导入在 github 托管的博客仓库

这里导入我的仓库 flow2000.github.io,import,deploy 即可。

导入项目

添加自定义域名

由于 *.vercel.app 被墙了,需要添加自定义域名才能访问,我们可以添加自己域名或者子域名给 vecel 解析。

去到刚刚部署的项目中,点击 Settings,进入到 Domains,添加自己的域名 / 子域名。

添加域名

此时,只需在域名托管商添加一个 CNAME 记录即可,然后等待一会刷新验证成功,Vercel 就能帮你部署 SSL 证书并提供用户访问,你的博客就正式托管在 Vercel 上了!

这次成功部署的域名:https://blog.shinie.top/

另附添加域名解析官方文档:

阿里云添加域名解析

腾讯云添加域名解析