用 GitHub Actions 自动部署博客和 Electron 应用程序

2023-10-09 05:44:57

使用 GitHub Actions 自动化博客和 Electron 应用程序的部署与更新

背景

随着 Travis CI 在 2021 年 6 月 15 日停止服务，迫使许多用户寻找替代的 CI/CD 平台。对于像我这样的博客作者和 Electron 应用程序开发人员来说，这一过渡需要仔细规划和周密的执行。经过研究和调试，我发现 GitHub Actions 是一个功能强大的平台，可以有效自动化我的博客和 Electron 应用程序的部署和更新流程。

为什么选择 GitHub Actions？

GitHub Actions 是一个与 GitHub 深度集成的 CI/CD 平台。它提供了一个广泛的内置操作和功能，使您可以轻松自动化各种任务，包括构建、测试、部署和发布软件。更重要的是，GitHub Actions 与 GitHub 生态系统无缝集成，使您可以轻松地触发工作流并与其他 GitHub 服务进行交互。

设置自动部署

创建 GitHub Action 工作流

首先，我们需要创建一个 GitHub Action 工作流。工作流定义了在特定事件（例如代码推送到仓库）时执行的一系列任务。您可以使用 GitHub Actions 用户界面或通过在仓库中创建 .github/workflows 目录并添加 YAML 文件来创建工作流。

定义任务

在工作流中，您可以定义一系列任务。每个任务都指定了一个要执行的操作，例如构建应用程序或部署到服务器。GitHub Actions 提供了广泛的内置操作，涵盖各种常见任务。您还可以创建自定义操作以满足特定的需求。

触发工作流

工作流可以通过各种事件触发，例如推送代码到仓库或创建拉取请求。您可以自定义工作流的触发条件以满足您的特定需求。

部署博客

部署博客通常涉及使用静态网站生成器（如 Hugo 或 Jekyll）构建博客并将其部署到托管平台（如 GitHub Pages）。您可以使用 GitHub Actions 工作流来自动化这些步骤，如下所示：

name: Deploy Blog

on:
  push:
    branches:
      - main

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '16'
      - run: npm install
      - run: npm run build
      - uses: JamesIves/github-pages-deploy-action@4.1.5
        with:
          branch: gh-pages
          folder: dist

部署 Electron 应用程序

部署 Electron 应用程序涉及打包应用程序并将其上传到分发平台。您可以使用 GitHub Actions 工作流来自动化这些步骤，如下所示：

name: Deploy Electron App

on:
  push:
    branches:
      - main

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '16'
      - run: npm install
      - run: npm run build
      - uses: shallwefootball/electron-builder-action@v2
        with:
          builderOptions: '-w'
      - uses: actions/upload-artifact@v3
        with:
          name: electron-app
          path: build