GitHub Actions工作流自动化的入门核心_哔哩哔哩_bilibili

    Github Action - 图1

    ./github/workflows/

    Github Action - 图2

    可实现功能
    打包部署到GithubPage
    打包Docker镜像,发布到DockerHub
    1. name: 构建并部署React页面
    2. on: push # push的时候激活
    3. permissions:
    4. contents: write # 授予工作流对仓库内容的写入权限。
    5. jobs:
    6. deploy:
    7. runs-on: ubuntu-latest
    8. steps:
    9. - name: 读取仓库内容
    10. uses: actions/checkout@v4 # 用于检出(checkout)代码库到工作流(workflow)中的工作目录
    11. - name: 构建
    12. run: npm install && npm run build # 确保你有一个构建脚本
    13. - name: 部署
    14. uses: JamesIves/github-pages-deploy-action@v4
    15. with:
    16. branch: ljy-pages # 创建性的分支、将dist中的文件复制到该分支
    17. folder: dist # 发布目录
    1. name: 构建镜像并推送到Docker Hub
    2. on: push # push的时候激活
    3. jobs:
    4. deploy:
    5. runs-on: ubuntu-latest
    6. steps:
    7. - name: 读取仓库内容
    8. uses: actions/checkout@v4 # 用于检出(checkout)代码库到工作流(workflow)中的工作目录
    9. - name: 登录DockerHub
    10. uses: docker/login-action@v3
    11. with:
    12. username: ${{secrets.DOCKER_HUB_USERNAME}}
    13. password: ${{secrets.DOCKER_HUB_TOKEN}}
    14. - name: 构建并发送到Docker Hub
    15. uses: docker/build-push-action@v5
    16. with:
    17. push: true
    18. tags: liujianyu233/ljy-pages:latest