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 分支上

相关推荐
逛逛GitHub2 小时前
斩获 2 万多 Star!国外老哥把全网 n8n 工作流都开源了
github·工作流引擎
杨杨杨大侠6 小时前
Atlas Mapper 案例 01:初级开发者 - 电商订单系统开发
java·开源·github
绝无仅有8 小时前
后端 Go 经典面试常见问题解析与总结
后端·面试·github
绝无仅有8 小时前
后端工程师面试常见问题与回答解析总结
后端·面试·github
逛逛GitHub1 天前
发现一个 AI 大模型服务质量榜单。
github
就是帅我不改1 天前
揭秘Netty高性能HTTP客户端:NIO编程的艺术与实践
后端·面试·github
uhakadotcom1 天前
静态代码检测技术入门:Python 的 Tree-sitter 技术详解与示例教程
后端·面试·github
绝无仅有1 天前
数据库MySQL 面试之死锁与排查经验总结
后端·面试·github
绝无仅有1 天前
mysql性能优化实战与总结
后端·面试·github
杨杨杨大侠1 天前
解密 atlas-mapper 框架 (9/10):故障排查与调试技巧
java·开源·github