netlify持续部署hexo博客

Posted on Edited on In Views:

Motorcycle

流程

  1. 本地GIT提交到github或其他仓库
  2. github通过webhook之类的方式通知netlify拉取最新版的的文章
  3. netlify拉取，编译
  4. 等待1分30秒左右
  5. 刷新看下更新后的博客

好处

  • 免费，支持htpps，无广告
  • 开放性强大，可以配合AWS Lambda函数等
  • 便捷，写博客不限制于本地的环境

与Coding对比

  • coding使用Tencent香港服务器，netlify使用AWS新加坡服务器
  • netlify比较简单，不需要太多设置既可以支持Jekyll，Grunt，Middleman，Hexo，Hugo，Gatsby，VuePress。coding则需要对Docker有一定了解才能自定义
  • 建议：已备案推荐netlify配合upyun，快到飞起。未备案则就coding吧

准备

  1. 一个github或gitlab或bitbucket账号
  2. 一个hexo或者其他类型的博客，若没有则建议Fork下hexo-template

开始

打开netlify网站，用你的github账号登录

点击New site from Git，在Create a new site中选择你的git仓库账号，博主的时Gihubt，如下图所示

New site from Git

在弹出来的授权信息点击Authorize Netlify by Netlify，如下图所示

Authorize Netlify by Netlify

在Install Netlify页面中选择Only select repositories，然后选中刚刚Fork的hexo-template或是你自己的仓库，如下图所示

Install Netlify

点击 JackCh3n/hexo-template

hexo-template

选择团队和分支，Build command填写hexo g，Publish directory填写public即可点击Deploy site完事了。

Deploy setting

后会跳到网站的详情页面，如下图所示

netlify设置

可以根据自己的需求来绑定域名和一些其他设置，如果你是Fork的hexo-template则可以修改netlify.toml来实现http跳到https以及netlify的域名转跳到你的域名。

netlify.toml

绑定域名

​ 在Domain management，Custom domains，Add custom domain新增一个

自己的域名，然后CNAME指向他给你域名即可，如给我的是nobige.netlify.com。

https

​ 绑定域名后可以在Domain management，HTTPS，开通

http跳https

可以参考netlify.toml文件，基本规则如下

1
2
3
4
5
[[redirects]]
from = "http://www.nobige.cn/*"
to = "https://nobige.cn/:splat"
status = 301
force = true

预览

​ 自己动手建一个呗