使用 github 操作自动部署静态 nuxt js 项目

Question

嗨，我创建了一个与我的 github 帐户同名的存储库，名为 mortezasabihi。在这个存储库中，我将我的个人网站（nuxtjs 静态）推送到它并为自动部署创建了 github 操作，但我不知道为什么我的 github 页面 URL 是这样的：

我想成为https://mortezasabihi.github.io。

这是我的 gh 动作：

  
name: cd

on: [push, pull_request]

jobs:
  cd:
    runs-on: ${{ matrix.os }}

    strategy:
      matrix:
        os: [ubuntu-latest]
        node: [14]

    steps:
      - name: Checkout
        uses: actions/checkout@master

      - name: Setup node env
        uses: actions/setup-node@v2.1.2
        with:
          node-version: ${{ matrix.node }}

      - name: Install dependencies
        run: yarn

      - name: Generate
        run: yarn run generate

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

怎么了？没看懂！

Answer 1

自己的 action-gh-pages documentation 允许您在工作流文件中配置许多内容。

您可以通过发布到名为“username.github.io”的存储库的 https://<username>.github.io（或 master）分支（替换您的实际 {{ 1}})、as explained here。

您还可以将每个 GitHub 项目的附加站点发布到 main（这似乎是您在此处使用用户名配置文件存储库所做的）。

默认情况下，项目站点将发布您推送到 username 分支的任何内容，但您可以change the publishing source in the repository settings。

GitHub Pages documentation 中有其他说明，包括使用自定义域名的选项。

Answer 2

我在 Github 页面上也有我的个人网站，并使用以下策略：

我创建了一个名为 development 的分支并在该分支上工作。

基于 Nuxt documentation，我在 package.json 文件中添加了一些脚本：

"scripts": {
    "dev": "nuxt",
    "generate": "nuxt generate",
    "start": "nuxt start",
    "deploy": "push-dir --dir=dist --branch=master --cleanup"
},

并且在运行这些命令时，dist 文件夹将自动推送到 master。

npm run generate
npm run deploy