如何使用 GitHub Actions 实现 Hexo 博客的 CICD

博主搭建的博客网站是基于hexo生成静态页面托管在github pages,一直以来都需要手动去编译发布,一直希望有一个能自动编译部署的工具,找了挺久的,尝试过hook到Jenkins执行发布脚本,但是这种是需要资源的,github的actions能完美的解决这个问题。

仓库准备

项目仓库说明
https://github.com/WinterChenS/blog-back用于存放 hexo 生成的项目,可以理解成源码
https://github.com/WinterChenS/WinterChenS.github.io存放 hexo 编译后的静态文件,也是博客页面

秘钥生成

Hexo编译之后需要把生成的静态页面代码push到github pages的仓库,也就是 WinterChenS/WinterChenS.github.io ,没有秘钥就没有权限push。

随便找一台电脑或者服务器,生成秘钥:

ssh-keygen -f github-deploy-key # 三次回车即可

以上步骤会生成github-deploy-keygithub-deploy-key.pub 两个文件。

配置github仓库

配置blog-back仓库

打开 https://github.com/WinterChenS/blog-back/settings/secrets 点击 Add new secrets,分别在:

  • Name 输入 HEXO_DEPLOY_KEY
  • Value 输入前面生成的私有KEY github-deploy-key 的内容

配置WinterChenS.github.io仓库

打开 https://github.com/WinterChenS/WinterChenS.github.io/settings/Deploy keys,点击 Add deploy key,分别在:

  • Title 输入 HEXO_DEPLOY_KEY
  • Key 输入前面生成的公KEY github-deploy-key.pub 的内容名称随意,但要勾选 Allow write access

编写 Action 脚本

使用前先要申请,直接打开https://github.com/WinterChenS/WinterChenS.github.io/actions/new

main.yml

name: Deploy Blog

on: [push] # 当有新push时运行

env:
  TZ: Asia/Shanghai

jobs:
  build: # 一项叫做build的任务

    runs-on: ubuntu-latest # 在最新版的Ubuntu系统下运行
    
    steps:
    - name: Checkout # 将仓库内master分支的内容下载到工作目录
      uses: actions/checkout@v1 # 脚本来自 https://github.com/actions/checkout
      
    - name: Use Node.js 10.x # 配置Node环境
      uses: actions/setup-node@v1 # 配置脚本来自 https://github.com/actions/setup-node
      with:
        node-version: "10.x"
    
    - name: Setup Hexo env
      env:
        ACTION_DEPLOY_KEY: ${{ secrets.HEXO_DEPLOY_KEY }} # 这里是上面WinterChenS.github.io新增的公钥:HEXO_DEPLOY_KEY
      run: |
        # set up private key for deploy
        mkdir -p ~/.ssh/
        echo "$ACTION_DEPLOY_KEY" | tr -d '\r' > ~/.ssh/id_rsa # 配置秘钥
        chmod 600 ~/.ssh/id_rsa
        ssh-keyscan github.com >> ~/.ssh/known_hosts
        # set git infomation
        git config --global user.name 'winterchens' # 换成你自己的邮箱和名字
        git config --global user.email '1085143002@qq.com'
        # install dependencies
        npm i -g hexo-cli # 安装hexo
        npm i
        # 拉取主题代码
        rm -rf themes/*
        git clone https://github.com/WinterChenS/hexo-theme-diaspora.git themes/diaspora
        
  
    - name: Deploy
      run: |
        # publish
        hexo generate && hexo deploy # 执行部署程序
        

修改blog-back根目录的_config.yml

如果你使用的是http,那么需要修改为ssh,已经是ssh就无须修改

deploy:
  type: git
  repo: git@github.com:WinterChenS/WinterChenS.github.io.git
  branch: master

以后只需要把代码提交到blog-back就可以自动进行编译发布了,是不是很爽,当然这只是冰山一角,很多CICD的功能超级强大的,github后面退出codespaces(在线IDE),以后实现真正的远程办公也不是问题了,更多的功能大家可以查看官方示例,自行去探索。

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:设计师小姐姐 返回首页