Vercel上部署Hexo
什么是 Vercel?
Vercel (之前也叫 Zeit 或 now.sh )是一家云部署服务的公司,支持静态托管以及 Serverless 服务。 支持从 Github , GitLab , Bitbucket 等代码仓库中自动拉取代码,然后进行项目打包和部署等功能。
什么是 Freenom?
Freenom 是世界上第一个也是唯一的免费域名提供商。
什么是 DNSPod?
DNSPod 是国内提供智能 DNS 产品的网站,致力于为各类网站提供高质量的电信、网通、教育网双线或者三线智能 DNS 免费解析。
Vercel账号
浏览器中打开 https://vercel.com/ ,不需要注册,直接用 github 的账号

需要提供设备验证码

将邮件中收到 6 位数字码填入,然后授权

然后就可以用 github账号登录了
导入 git 仓库
准备导入

指定的仓库

开始导入

选择个人

开始导入项目

项目名称默认带 - ,我的是 wbsu2003-github-io,直接改成 wbsu2003 ,这会让默认的域名短一点。
默认分配的域名:
https://<PROJECT NAME>.vercel.app/

上图中框架我从下拉框选过 Hexo ,但是发布之后会出 404 错误,用缺省的 Other 反而正常,很可能跟 Hexo 的版本有关系。

开始发布

发布完成会撒花,左侧的小窗口会生成预览的窗口

直接点击 Visit 即可进行浏览。默认的域名是 https://wbsu2003.vercel.app/
测速
在站长之家( http://tool.chinaz.com/sitespeed )–>【国内网速测试】,分别输入域名进行测试。
- Vercel原生域名:wbsu2003.vercel.app

- Gitee原生域名:wbsu2003.gitee.io

- 解析到Coding的域名:laosu.ml

- Github原生域名:wbsu2003.github.io

Vercel 虽然比不上 Gitee ,但是比 Github 和 Coding 香港主机强的多。
流量限制
看起来有流量限制,但是对我而言 100GB/月流量 绝对够用了

自定义域名
找到 Domains,然后 Add

会提示设置错误,直接点 Edit进入编辑

可以设置重定向

个人不建议用重定向,体验不好

存在 nameserver 冲突
当前的
1 | ns01.freenom.com |
Intended Nameservers
1 | ns1.vercel-dns.com |

转到 Freenom,我的域名提供商那里,修改 Nameservers

提交后返回 Vercel,会开始自动申请 SSL 证书

本来到这里就应该可以了,但是很奇怪的是如果不用科学上网,是访问不到 https://laosu.tech/ 的,经过摸索,发现还需要在 DNSPod 解析一下。

因为没有用 DNSPod 平台默认的 DNS 服务器,所以会报 DNS 错误,但是没关系,等 https://laosu.tech/ 能正常访问后,可以全部停止解析,然后就一切正常了。
结论
- 零配置部署:只要完成前面的
导入 git 仓库步骤,之后只要Hexo提交到Github,就会自动部署。 - 访问速度虽然不上
Gitee Pages,但是比Github Pages好。 - 免费,虽然有流量限制,但对我来说应该够用。
后续规划
| 域名 | 对应主机 | 备注 |
|---|---|---|
| https://laosu.tech | Vercel | 主站 |
| https://laosu.tk | Netlify | 备站 |
| https://laosu.gq | Coding | 备站 |
| https://laosu.ga | Github | 备站 |
| https://laosu.tech | Vercel | 备站 |
| https://wbsu2003.gitee.io | Gitee | 国内推荐 |
目前网站上已完成调整,应该能找到您访问最快的站点。

参考文档
Vercel + Hexo 免费搭建自用博客保姆级教程 | NEROASMARA.TOP
地址:https://neroasmar.top/hexo-building/ZEIT(Vercel) now.sh 免费部署博客网站,支持 Serverless Python Go Node.js | MindSpark
地址:https://wivwiv.com/post/zeit-use-guide/