-
Set the correct
base
invite.config.js
.If you are deploying to
https://<USERNAME>.github.io/
, or to a custom domain through GitHub Pages (eg.www.example.com
), setbase
to'/'
. Alternatively, you can removebase
from the configuration, as it defaults to'/'
.If you are deploying to
https://<USERNAME>.github.io/<REPO>/
(eg. your repository is athttps://github.com/<USERNAME>/<REPO>
), then setbase
to'/<REPO>/'
. -
Go to your GitHub Pages configuration in the repository settings page and choose the source of deployment as "GitHub Actions", this will lead you to create a workflow that builds and deploys your project, a sample workflow that installs dependencies and builds using npm is provided:
# Simple workflow for deploying static content to GitHub Pages name: Deploy static content to Pages on: # Runs on pushes targeting the default branch push: branches: ['main'] # Allows you to run this workflow manually from the Actions tab workflow_dispatch: # Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages permissions: contents: read pages: write id-token: write # Allow one concurrent deployment concurrency: group: 'pages' cancel-in-progress: true jobs: # Single deploy job since we're just deploying deploy: environment: name: github-pages url: ${{ steps.deployment.outputs.page_url }} runs-on: ubuntu-latest steps: - name: Checkout uses: actions/checkout@v4 - name: Set up Node uses: actions/setup-node@v4 with: node-version: 20 cache: 'npm' - name: Install dependencies run: npm ci - name: Build run: npm run build - name: Setup Pages uses: actions/configure-pages@v4 - name: Upload artifact uses: actions/upload-pages-artifact@v3 with: # Upload dist folder path: './dist' - name: Deploy to GitHub Pages id: deployment uses: actions/deploy-pages@v4
zrd59s / actions-demo Goto Github PK
View Code? Open in Web Editor NEWFor learning CI/CD.