使用 Vercel 托管你的博客吧
简介
vercel 是国外一家网站托管服务,它不仅能够像 github page 一样托管静态网站,还能部署 serverless 接口,这代表前后端服务 vercel 都能部署,vercel 还支持自动配置 https,只需在域名服托管商添加 vercel 的解析就能免费部署 https,免去部署证书的麻烦。本教程向大家展示如何使用 vercel 部署自己的博客,更多 vercel 功能待博客更新。
本教程需要:
注册 Github
一个已备案好的国内域名(比较省事)
使用 hexo 框架下的 butterfly 主题并上传代码到 github
注册 Vercel
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/
另附添加域名解析官方文档:
你好,博主,我部署的时候报了下面的错误,有办法解决吗?
Error:The name of a Project can only contain up to 100 alphanumeric lowercase characters and hyphens.