github 上的 CI/CD 的尝试

效果

步骤

  • 新建仓库
  • 设置仓库的 page
  • 新建一个 vite 的项目,改一下 vite.config.js 中的 base

工作流

在项目的根目录下新建一个 .github/workflows/ci.yml 文件,然后编辑一下内容

yml 复制代码
name: Build & Deploy Vue 3 App

on:
  push:
    branches: [main]

permissions:
  contents: write  # 👈 给写入 gh-pages 分支的权限

jobs:
  build-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v3

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: 18

      - name: Install dependencies
        run: npm install

      - name: Build project
        run: npm run build

      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist

这样的话,会监控 main 分支的改动,然后自动部署代码到 gh-pages 分支上

相关推荐
行思理4 小时前
linux 安全与防护,全方向讲解
linux·安全·github
NocoBase5 小时前
6 个最佳无代码 IT 资产管理工具推荐
低代码·开源·github
uhakadotcom5 小时前
DuckDB相比于ClickHouse有什么不同点和优势?
后端·面试·github
掘金安东尼7 小时前
Node.js 如何在 2025 年挤压 I/O 性能
前端·javascript·github
老马啸西风9 小时前
v0.29.1 敏感词性能优化之内部类+迭代器内部类
性能优化·开源·nlp·github·敏感词
杨杨杨大侠11 小时前
第5章:实现Spring Boot集成
java·github·eventbus
杨杨杨大侠11 小时前
第6章:高级特性与性能优化
java·github·eventbus
HelloGitHub11 小时前
这款开源调研系统越来越“懂事”了
前端·开源·github
ruanCat11 小时前
配置 github workflow 工作流文件,实现仓库自动更新 github page 站点
github
绝无仅有12 小时前
面试总结之Nginx 经验常见问题汇总第二篇
后端·面试·github