你或许发现,当我们为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项目(或者说仓库)

image.png

Import项目后直接点击Deploy部署即可,稍等片刻会弹出Congrutulation页面告诉你部署成功,进入Dashboard页面,Vercel已经分配Hexo项目一个域名用于访问:ruriai-github-io.vercel.app/

vercel域名本身支持国内访问,当然你也可以自定义域名

在面板中点击Domain按钮,添加自定义域名,我自己的是ruriai.kinoko.fun

image.png

添加后提示你Verification Needed,点击Learn mroe下拉栏。告诉了你如何添加DNS解析记录,按照给出的信息在Cloudflare后台添加即可。你也可以直接点击Configure Automatically按钮,自动打开Cloudflare页面并向你申请授权,授权后就会自动删除有冲突的解析并添加新的解析

平台自动检测并通过后会在自定义域名旁显示蓝色对号,表示绑定成功,此时访问自定义域名即可直达Hexo站点

此时你推送hexo博客到github,会自动部署到vercel并添加CNAME解析,cloudflare本身会为你的域名添加HTTPS,实现一键部署 :D