【教程】netlify或vercel完全自动部署hexo

教你用netlify或vercel完全自动部署hexo

1.完全自动？

在 【教程】hexo搭建博客+keep主题美化 里面，就提到过使用netlify或者vercel来部署hexo。但是那个是部署的静态页面

• 部署静态页面仓库，类似github pages
• 直接帮你从配置文件部署，只需要git push更新仓库

之前的博客中，提到的是第一种方式。本文中是第二种方式的教程。直接从配置文件部署，有以下几大好处

• 任何地方，只要有网，你都可以通过修改github仓库中的source/_post里面的md文件，实现更新博客
• 如果你更换了电脑，无须再为了hexo配置node.js等环境。这对于不写前端的我来说很棒

话不多说，直接开始！

2.github仓库

要做到这一点，先需要准备一个存放hexo配置文件的仓库。本地的如下文件夹，就是hexo的配置文件

准备配置仓库，需要保证node_modules和public文件夹不要上传到仓库中，否则后续部署会失败。这是我的gitignore文件，仅供参考

折叠代码块 复制代码

*.deploy_git/
db.json
*public/
.git/
node_modules/

最终仓库的文件层级如下，为了防止文章被过容易的盗走（因为仓库里面有md文件，盗文章太容易了。虽然html也能被爬走），我将其设置为私有仓库了

有了这个仓库之后，就可以进行后续操作了

3.netlify

先新增一个site，选择从existing project中import

这需要你的netlify账户有github的授权。我是直接用github登录的，所以已经有授权了

选择hexo配置文件的仓库

build命令修改为npm run build，其余不动

到这里就可以deploy了！就这么简单！过一会成功了之后，就会显示出你的站点链接了！

需要注意的是，nelify默认提供的二级域名，国内极有可能无法访问

不用担心，你只需要在domain settings里面添加你自己的域名，访问速度就能起飞了

4.vercel

和netlify的操作很像，选择git仓库

模板选择hexo，其他设置都没必要动

vercel会开始部署

如果没有报错，那就是部署成功了（否则请检查你的仓库里面hexo配置文件是不是少了或者多了什么）

完美，也部署好了！

vercel提供的子域名也有无法访问的问题，同样的，绑定了自己的域名就能在国内访问了。

The end

有问题可以在评论区提出~