记录用 Netlify 来构建并发布 hexo 博客

前言

鉴于网络原因 github page 访问加载速度很慢,同时伴随不定时的无法访问,让访问博客的流畅度大受影响。为了保持访问速度和稳定性于是打算将博客使用 Netlify 来构建和发布hexo博客。

步骤

Netlify 是一个提供静态资源网络托管的综合平台,提供CI服务,能够将托管 GitHub,GitLab 等网站上的 Jekyll,Hexo,Hugo 等代码自动编译并生成静态网站。

Netlify 有如下的功能:

  • 能够托管服务,免费 CDN
  • 能够绑定自定义域名
  • 能够启用免费的TLS证书,启用HTTPS
  • 支持自动构建
  • 提供 Webhooks 和 API
  1. 绑定 github 仓库
    首先使用 GitHub 账号登陆 Netlify,登陆后进入空间管理中心,,点击 [New site from git]按钮,给 Netlify 授权之后选择对应的 hexo 源码仓库
  2. 发布设置
    • 分支选择对应源码分支
    • Build command: hexo generate
    • Publish directory:public
      然后点击 [deploy site]即可看到已开始构建发布进度,等待完成后会自动分配一个默认的二级域名。
  3. 自定义域名
    进入[Site Settings],选择[Domain management],并点击[Add domain alias],即可绑定自己的域名,同时需要在域名的 dns 里面设置域名 CNAME 到默认的网站域名即可,在这个页面的下方可以看到 HTTPS 的选项,当域名完成解析以后,即可在这里启用 HTTPS ,Netlify 会使用 Let’s Encrypt 自动申请 SSL 证书为博客站点进行加密