它的優(yōu)勢有：

1. 和GitHub集成更容易
2. 支持復(fù)用其他人的基本片段

name:  CI
 
on:
  # 手動運(yùn)行工作流程（workflow_dispatch 事件觸發(fā)器配置后可以在actions下手動運(yùn)行工作流）
  workflow_dispatch:
  push:
    branches: 
      - master
jobs:
  # jobs的id
  build-and-deploy:
    # 指定服務(wù)器的運(yùn)行環(huán)境：最新版本ubuntu
    runs-on: ubuntu-latest
    steps:
      # 使用actions/checkout@v4 庫拉取代碼到 ubuntu 上
      - name: Checkout
        uses: actions/checkout@v4
 
      # 安裝 pnpm
      - name: Install pnpm
        uses: pnpm/action-setup@v2
        with:
          version: 8
 
      # 打包成靜態(tài)文件
      - name: Build
        run: pnpm install && pnpm build

1. name：每個小步驟的名稱（可自由定義）。
2. uses：每個小步驟使用的 actions 庫名稱或路徑，Github Actions 允許我們使用別人寫好的 Actions 庫。
3. run:??每個小步驟要執(zhí)行的 shell 命令。
4. with:?配置actions的額外參數(shù)。

name: GitHub Actions Build and Deploy
 
on:
  # 手動運(yùn)行工作流程（workflow_dispatch 事件觸發(fā)器配置后可以在actions下手動運(yùn)行工作流）
  workflow_dispatch:
 
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest  #指定服務(wù)器的運(yùn)行環(huán)境：最新版本ubuntu
    steps:
      # 使用actions/checkout@v4 庫拉取代碼到 ubuntu 上
      - name: Checkout
        uses: actions/checkout@v4
        with:
          # 根據(jù)網(wǎng)上資料查詢此處可以設(shè)置為 false。https://github.com/actions/checkout
          persist-credentials: false
 
      # 安裝 pnpm
      - name: Install pnpm
        uses: pnpm/action-setup@v2
        with:
          version: 8
 
      # 設(shè)置node的版本
      - name: Use Node.js
        # 使用 actions/setup-node@v3 庫安裝 nodejs，with 提供了一個參數(shù) node-version 表示要安裝的 nodejs 版本
        uses: actions/setup-node@v3
        with:
          node-version: '18.x'
          cache: 'pnpm'
 
      # 打包成靜態(tài)文件
      - name: Build
        run: pnpm install && pnpm build
 
      # 部署到GitHub Pages - 也就是將打包內(nèi)容發(fā)布到GitHub Pages
      - name: Deploy
        # 使用別人寫好的 actions去部署（將打包文件部署到指定分支上）
        uses: JamesIves/github-pages-deploy-action@v4.3.3
        # 自定義環(huán)境變量
        with:
          # 指定倉庫：你要發(fā)布的倉庫路徑名
          repository-name: msyuan/vitePress-project
          # 部署到 deploy-pages 分支，也就是部署后提交到那個分支
          branch: deploy-pages
          # 填寫打包好的目錄名稱路徑，本項目配置在根目錄
          folder: dist

https://github.com/actions/checkout

https://github.com/pnpm/action-setup/

https://github.com/actions/setup-node

https://github.com/JamesIves/github-pages-deploy-action

進(jìn)入Settings -> Pages會看到博客鏈接地址:

預(yù)覽效果：https://msyuan.github.io/vitePress-project/

同時打包后的代碼也正常部署到deploy-pages分支上去了，到此已經(jīng)完成部署工作