使用 Github 搭建 Hexo 博客(三)Netlify

前面的文章都说了如何搭建 Hexo 博客,并且绑定自定义域名,也启用了 Https,如果没什么毛病,就正常使用了;但我在这里切换到了:Netlify

Netlify 简介

简单来说: 它的功能之一就跟我们之前 Hexo 博客的静态托管平台 Github Page一样, 不过,Netlify可比 Github Page 功能多多了,而且速度也快。两者的对比在netlify官网有介绍

Netlify vs Github Page 对比:查看

  • 可以使用 CLI 上传代码
  • 支持自定义域名且自定义域名支持一键开启 https(证书来自 Let’s Encrype)
  • 支持强制让用户通过 https 访问网站(开启后此功能后,http 的访问一律会 301 跳转到 https
  • 支持自动构建
  • 支持重定向(Redirects)和重写(Rewrites)功能
  • 数据通过 HTTP2 协议传输
  • 提供 webhooks 与 API

部署网站

  • 首先去 Netlify 官网 注册账号登录,这里我使用的是 Github 账号直接关联

15521319001813

  • 选择右上角的 New site from Git

15521319664701

  • 这里我选择 Github

15521320319346

  • 这里我们选择 Only select repositories,意思就是只选择一个库:paynezhuang.github.io就行了,不用 All repositories

15521331877327

  • 选择刚刚添加进来的仓库

15521355005848

  • 直接 Deploy site 即可

15521355501364

  • 稍等一会,它就成功了;
  • https://clever-meitner-089d1a.netlify.com/ 这是部署在 Netlify 的自定义网站域名,访问下是跟之前 https://paynezhuang.github.io/ 一样的内容

15521357603087

  • Getting started 就是我们接下来要做的步骤;

自定义域名

  1. 您的站点已部署;
  2. 设置安装自定义域名;
  3. 启用 Https 来保存您的网站;

15521358792907

15521359233070

  • 输入您的自定义域名:izpan.com

15521359972761

  • 输入自定义域名后,我们肯定还要添加解析的,点击 Check DNS configuration 就可以看到我们要添加的解析记录

15521360579878

  • 第一条就是我们的 CNAME 记录
  • 第二条我看了 IP 是属于国外的,所以我解析了线路给海外默认

三条数据,请针对自己的域名进行解析记录

15521365272623

15521363910772

  • 设置完了以后,可以看到之前的警告 ⚠️ Check DNS configuration 已经没了
  • 往下拉,可以看到我们的 HPPTS 选项,这里开启站点的 Https

开启 Https

15521365272623

  • 我们要做的很简单,点击下 Verify DNS configuration
  • 它这里支持上传自定义的证书,也可以使用自动证书:Let’s Encrypt (90天)
  • 上传自定义证书,可以腾讯云、阿里云进行申请 Symantec (一年)证书(这里不做演示)

15521366648775

  • DNS verification was successful 成功,耐心稍等 Https 证书生效,最后结果

15521402659106

15521372525708