Vercel
由于众所周知的原因,使用GitHub Pages建立的博客并不能顺利的访问,也许某些人就是不配吧。换个思路,使用Vercel部署GitHub Pages上的Blog,现阶段还算能用,记录一下。
优势
加快访问速度
自定义域名(如果有的话)
选定一个GitHub仓库地址
Vercel部署很方便,选择一个已有的GitHub仓库即可完成部署,所以先给定一个仓库地址(private
或public
)
对于
public
,这个地址就可以是用户名.github.io
库对于
private
新仓库,将用户名.github.io
库的内容进行一个拷贝然后push到private新库。
对于以上步骤,其实是保证Vercel部署后Blog内容与源Blog一致
选定仓库地址后,在Vercel 中Import Project
对于private
库需要进行GitHubaccess token
授权,给定访问私有仓库权限。点击Continue
等待部署完成。部署完成后,Vercel 会提供几个默认域名,可以通过 [项目名].[用户名].vercel.app 访问。
自定义域名
输入框中输入你想要绑定的网址,点击右侧 Add 即可。下方会提示 Invalid Config,并给出两种绑定方式(A/CNAME + NS)
- 如果是子域名,DNS 解析处添加 CNAME 记录,指向 cname.vercel-dns.com
- 如果是根域名,DNS 解析处添加 A 记录,指向 76.76.21.21
添加记录后等待,Valid Configuration
和Assigned to master
显示✔
即为成功
此时Overview中会显示自己的域名,在浏览器中访问域名显示自己的博客就成功啦。
更新Blog
对于新库,需要将站点配置更改,注意写法
原配置有一定概率会被推送至 gh-pages 分支(由于 Hexo 的默认设置),导致 Vercel 无法拉取
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo:
github: xxx
coding: xxx
branch: master
新配置
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
- type: git
repo:
coding: xxx
- type: git
repo: git@github.com:xxx/xxx.git
branch: master
- type: git
repo: git@github.com:xxx/xxx.git
branch: master
如果实在不想改或者改动无效果,可以将远程新库内容删除,利用hexo-deployer-git
hexo d
往远程推送gh-pages
分支,只要保证库里只有gh-pages
一个分支也是可以滴!