Vercel上部署Hexo

什么是 Vercel?

Vercel (之前也叫 Zeit 或 now.sh )是一家云部署服务的公司,支持静态托管以及 Serverless 服务。 支持从 Github , GitLab , Bitbucket 等代码仓库中自动拉取代码,然后进行项目打包和部署等功能。

什么是 Freenom?

Freenom 是世界上第一个也是唯一的免费域名提供商。

什么是 DNSPod?

DNSPod 是国内提供智能 DNS 产品的网站,致力于为各类网站提供高质量的电信、网通、教育网双线或者三线智能 DNS 免费解析。

Vercel账号

浏览器中打开 https://vercel.com/ ,不需要注册,直接用 github 的账号

title

需要提供设备验证码

title

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

title

然后就可以用 github账号登录了

导入 git 仓库

准备导入

title

指定的仓库

title

开始导入

title

选择个人

title

开始导入项目

title

项目名称默认带 - ,我的是 wbsu2003-github-io,直接改成 wbsu2003 ,这会让默认的域名短一点。

默认分配的域名:https://<PROJECT NAME>.vercel.app/

title

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

title

开始发布

title

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

title

直接点击 Visit 即可进行浏览。默认的域名是 https://wbsu2003.vercel.app/

测速

在站长之家( http://tool.chinaz.com/sitespeed )–>【国内网速测试】,分别输入域名进行测试。

  • Vercel原生域名:wbsu2003.vercel.app

title

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

title

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

title

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

title

Vercel 虽然比不上 Gitee ,但是比 GithubCoding 香港主机强的多。

流量限制

看起来有流量限制,但是对我而言 100GB/月流量 绝对够用了

title

自定义域名

找到 Domains,然后 Add

title

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

title

可以设置重定向

title

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

title

存在 nameserver 冲突

当前的

1
2
3
4
ns01.freenom.com
ns02.freenom.com
ns03.freenom.com
ns04.freenom.com

Intended Nameservers

1
2
ns1.vercel-dns.com
ns2.vercel-dns.com

title

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

title

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

title

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

title

因为没有用 DNSPod 平台默认的 DNS 服务器,所以会报 DNS 错误,但是没关系,等 https://laosu.cf/ 能正常访问后,可以全部停止解析,然后就一切正常了。

结论

  1. 零配置部署:只要完成前面的 导入 git 仓库 步骤,之后只要 Hexo 提交到 Github ,就会自动部署。
  2. 访问速度虽然不上 Gitee Pages,但是比 Github Pages 好。
  3. 免费,虽然有流量限制,但对我来说应该够用。

后续规划

域名 对应主机 备注
https://laosu.ml Vercel 主站
https://laosu.tk Netlify 备站
https://laosu.gq Coding 备站
https://laosu.ga Github 备站
https://laosu.cf Vercel 备站
https://wbsu2003.gitee.io Gitee 国内推荐

目前网站上已完成调整,应该能找到您访问最快的站点。

title

参考文档

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/