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