你或许发现,当我们为GitHub Hexo仓库设置domain后,它会自动在仓库中添加一个CNAME
文件,文件内容就是我们自定义的domain。但当我们再次推送博客时,这个CNAME
文件就会被移除,我们需要重新设置,这未免过于繁琐
可以使用Vercel零成本部署我们的hexo博客项目
Vercel是一个为开发者提供工具和云基础设施的平台,旨在构建、扩展和保护更快速、更个性化的网页。它特别适合前端开发,支持现代框架如Next.js、React、Vue.js等
现在我们的hexo是部署在GitHub的USERNAME.github.io
仓库中
注册Vercel帐号:Vercel: Build and deploy the best web experiences with the AI Cloud
注册完成后,将你的帐号与你的GitHub帐号绑定,方便后续部署
进入Personal Team Manage页面,新建项目,请求GitHub授权,授权后你就可以直接导入Hexo项目(或者说仓库)
Import项目后直接点击Deploy部署即可,稍等片刻会弹出Congrutulation页面告诉你部署成功,进入Dashboard页面,Vercel已经分配Hexo项目一个域名用于访问:ruriai-github-io.vercel.app/
vercel域名本身支持国内访问,当然你也可以自定义域名
在面板中点击Domain按钮,添加自定义域名,我自己的是ruriai.kinoko.fun
添加后提示你Verification Needed
,点击Learn mroe
下拉栏。告诉了你如何添加DNS解析记录,按照给出的信息在Cloudflare后台添加即可。你也可以直接点击Configure Automatically
按钮,自动打开Cloudflare页面并向你申请授权,授权后就会自动删除有冲突的解析并添加新的解析
平台自动检测并通过后会在自定义域名旁显示蓝色对号,表示绑定成功,此时访问自定义域名即可直达Hexo站点
此时你推送hexo博客到github,会自动部署到vercel并添加CNAME解析,cloudflare本身会为你的域名添加HTTPS,实现一键部署 :D