github actions 自动部署前端项目

可以的，Github Actions可以用来自动化前端项目的部署。以下是一个简单的例子：

1. 首先，在你的Github仓库中创建一个`.github/workflows`文件夹，并在该文件夹下创建一个`deploy.yml`文件。

2. 在`deploy.yml`文件中设置触发部署的事件，例如push到master分支。然后设置一个`job`，该`job`会在触发事件后运行。

3. 在该`job`中，使用`actions/checkout` action拉取代码，并使用`actions/setup-node` action安装依赖。

4. 接下来，使用你喜欢的打包工具打包你的前端代码，例如webpack或者parcel。打包后的文件会被存储在一个`dist`文件夹中。

5. 最后，使用`peaceiris/actions-gh-pages` action将打包后的文件上传到Github Pages。

下面是一个示例的`deploy.yml`文件：

name: Deploy to Github Pages
on:
  push:
    branches:
      - master
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v2
      - name: Setup Node
        uses: actions/setup-node@v1
        with:
          node-version: '12.x'
      - name: Install dependencies
        run: npm install
      - name: Build
        run: npm run build
      - name: Deploy to Github Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist

这个例子是使用npm来安装依赖和运行打包工具的。如果你使用的是yarn或者其他打包工具，你需要相应地修改`deploy.yml`文件。