Vercel部署GitHub Pages Blog


Vercel

由于众所周知的原因,使用GitHub Pages建立的博客并不能顺利的访问,也许某些人就是不配吧。换个思路,使用Vercel部署GitHub Pages上的Blog,现阶段还算能用,记录一下。

优势

  • 加快访问速度

  • 自定义域名(如果有的话)

选定一个GitHub仓库地址

Vercel部署很方便,选择一个已有的GitHub仓库即可完成部署,所以先给定一个仓库地址(privatepublic)

  • 对于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 ConfigurationAssigned 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一个分支也是可以滴!


文章作者: PudgeLee
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 PudgeLee !
评论
  目录