Hexo站点建设之——Github绑定Netlify改动代码后自动部署

发表于 分类于 ， 阅读时长 ≈ 1 分钟

一 Hexo部署的过程

基于Github可以快速搭建hexo静态博客，但是每次都需要在本地执行

  • hexo new (post) 文章标题：创建文章标题
  • hexo generate：将源代码编译成静态代码
  • hexo server：本地预览
  • hexo deploy：将本地静态代码推送到github pages

经过上述指令部署到github上之后，才能访问

二 为何使用Netlify

什么是Netlify？Netlify是一家国外的静态网站的托管平台，提供免费的https，自动化部署和升级，可以监控GitHub、GitLab或者Bitbucket做到自动更新发布，是不是很赞！这也是为什么现在选择Netlify的原因，至于以后Netlify怎么发展只能再议

Netlify的出现解决了这个问题： 本地运行Hexo程序创建文章、程序修改等，将修改后的代码提交到GitHub，然后通过Netlify自动获取GitHub上的更新、部署、发布，这样就形成了一套自动更新部署发布的静态博客网站

三 如何使用

3.1 注册Netlify(需要外网访问)

  • 打开Netlify官网https://www.netlify.com， 然后点击右上角Sign up注册账号
  • 在第三方登录列表中，选择Github登录方式
  • 登录授权认证确认

3.2 创建新站点

  • 授权成功后如图所示，点击New site from Git创建新站点

  • 选择要Depolyment的仓库(选择Github)

  • 当Github有多种登录时选择授权登录方式

  • 选择要发布的代码仓库

  • 选择仓库发布时的分支和指令及根目录

    1
    2
    3
    Branch to deploy:要发布的分支(master源代码)
    Build command：由于关联了Github仓库，netlify自动识别了deploy.sh(hexo deploy)
    Publish directory:编译后的目录

  • 等待编译结果(显示成功或失败)

3.3 修改域名

  • 点击Domains，注册一个域名

  • 添加域名并验证

  • 添加域名解析

  • 添加DNS

  • 验证成功后如下图所示

3.4 添加HTTPS(已申请https证书)

  • Netlify 使用的是 Let’s Encrypt Certificate.的免费证书，点击下载证书
  • 绑定证书信息
  • 证书绑定成功后如下