前期准备

准备阿里云

• 提前准备自己的云服务器

创建access token

• 链接地址
  • https://github.com/settings/tokens
• 创建一个新的token
• 保存token的信息，备用

创建secrets

• 链接地址
  • https://github.com/Aimee1608/myblog2.0/settings/secrets/actions
• 创建脚本中所需要的信息
  • 部署的服务器信息
    • HOST
    • PORT
    • PASSWORD
    • USERNAME
  • github access token 即上面创建的token
    • TOKEN

项目配置

项目配置脚本

• 创建.github/workflows 文件夹
• 创建main.yml文件

脚本内容

name: myblog2.0
on:
  push: 
    tags:
      - 'v*'

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
    # 下载源码
    - name: Checkout
      uses: actions/checkout@master
    # 打包构建
    - name: Build
      uses: actions/setup-node@master
    - run: npm install
    - run: npm run build
    - run: tar -zcvf release.tgz dist
   # 发布 Release
    - name: Create Release
      id: create_release
      uses: actions/create-release@master
      env:
        GITHUB_TOKEN: ${{ secrets.TOKEN }}
      with:
        tag_name: ${{ github.ref }}
        release_name: Release ${{ github.ref }}
        draft: false
        prerelease: false
    # 上传构建结果到 Release
    - name: Upload Release Asset
      id: upload-release-asset
      uses: actions/upload-release-asset@master
      env:
        GITHUB_TOKEN: ${{ secrets.TOKEN }}
      with:
        upload_url: ${{ steps.create_release.outputs.upload_url }} 

        asset_path: ./release.tgz
        asset_name: release.tgz
        asset_content_type: application/x-tgz
    # 部署到服务器
    - name: Deploy
      uses: appleboy/ssh-action@master
      with:
        host: ${{ secrets.HOST }}
        username: ${{ secrets.USERNAME }}
        password: ${{ secrets.PASSWORD }}
        port: ${{ secrets.PORT }}
        script: |
          cd /home/www/Aimee/myblog2.0
          wget https://github.com/Aimee1608/myblog2.0/releases/latest/download/release.tgz -O release.tgz
          tar zxvf release.tgz

脚本内容的流程

• 匹配以v 开头的新tags 触发构建脚本
• 执行步骤
  • checkout 到master分支
  • 执行npm run build
  • 执行打包dist文件为release.tgz
  • 上传到release的列表中
  • 生成release.tgz的url路径
  • 链接云服务器
  • cd到指定目录
  • 下载远端的release.tgz文件
  • 解压文件到当前目录
• 补充
  • 如果需要启动其他服务，可以执行命令

​

发布

推送代码

• 提交本地commit
• git tag v0.0.1 创建本地tag
  • 以v 开头
• git push origin v0.0.1 推送本地tag到云端
• 触发构建脚本