Hexo与Vercel自动部署

这是我的博客地址->神州部落格
欢迎来访哦······

前言

因为域名的备案申请还没有通过,想着能够通过免费的CDN来加速网站,同时又能够满足免费的域名,偶尔在别人博客网站上看到了
image.png
于是我就通过百度发现了这个vercel是真的真的好用,全自动部署,只要你提交GitHub代码到vercel就可以了,几天前我就想注册个vercel,只是一直苦于无法注册,如图

Hexo与Vercel自动部署_第1张图片

于是我用谷歌空间注册了[email protected]账号,然后重新注册GitHub,通过这个样子,终于vercel成功登入了

通过邮箱重新注册个GitHub

  • GitHub重新注册完,添加token密钥

Hexo与Vercel自动部署_第2张图片

  • 将这些框框全部✔,然后确定

Hexo与Vercel自动部署_第3张图片

  • 然后新建仓库(怎么建就不说了)

  • 把密钥token添加到博客根目录_config.yml的repo

  • 这里先复制密钥(密钥☞存在一次)先复制出来

Hexo与Vercel自动部署_第4张图片

注意https://密钥@仓库地址

Hexo与Vercel自动部署_第5张图片

  • 复制你的仓库git地址

Hexo与Vercel自动部署_第6张图片

  • 修改博客根目录的_config.yml,将你的地址换过来

Hexo与Vercel自动部署_第7张图片

Hexo与Vercel自动部署_第8张图片

  • 然后hexo clean ,hexo g ,hexo deploy,提交到你刚刚建的GitHub仓库

注册你的vercel

  • 访问Vercel官网,根据提示注册账号。个人用户可以免费使用。

我的是用谷歌的邮箱注册GitHub,然后通过GitHub绑定vercel的

  • 我的是用谷歌的邮箱注册GitHub,然后通过GitHub绑定vercel的

  • Hexo与Vercel自动部署_第9张图片

  • 点击Import Project -> Import Git Repository,输入git仓库地址,vercel与Github基本上是无缝衔接,绑定过程非常轻松。
  • Hexo与Vercel自动部署_第10张图片
  • 绑定完成后是项目配置。

  • Vercel会自动识别开发框架,这里可以自定义编译代码和输出文件夹,你可以在编译代码中添加自己的逻辑;使用内置框架一般不要修改输出文件夹
  • 配置完成后点击Deploy,耐心等待即可
  • 等待一会vercel就部署成功了

Hexo与Vercel自动部署_第11张图片

  • 点击visit通过浏览器访问

Hexo与Vercel自动部署_第12张图片

你可能感兴趣的:(笔记,hexo,GitHub)