Create a folder and open it in vscode

cd Desktop mkdir GitHubPagesDemo cd GitHubPagesDemo code .

test: create a html file

initialize git

• Ctrl + shift + g
• "Initialize repository"
• create "gh-pages" branch

setup pages

• change visibility to public
  • repo -> settings -> scroll to visibility

"publish to github"

setup blazor project

• switch to main branch
• dotnet new blazorwasm
• sync changes
• goto repo -> actions
• create new action
• paste ` name: Deploy to GitHub Pages

Run workflow on every push to the master branch

on: push: branches: [ main ]

jobs: deploy-to-github-pages: # use ubuntu-latest image to run steps on runs-on: ubuntu-latest steps: # uses GitHub's checkout action to checkout code form the master branch - uses: actions/checkout@v2

# sets up .NET Core SDK 8.0
#- name: Setup .NET Core SDK
  #uses: actions/setup-dotnet@v1
  #with:
    #dotnet-version: 8.0

- name: Setup .NET Core SDK
  uses: actions/setup-dotnet@v1
  with:
    dotnet-version: 3.1

# publishes Blazor project to the release-folder
- name: Publish .NET Core Project
  run: dotnet publish BlazorGitHubPagesDemo.csproj -c Release -o release --nologo

# changes the base-tag in index.html from '/' to 'BlazorGitHubPagesDemo' to match GitHub Pages repository subdirectory
- name: Change base-tag in index.html from / to BlazorGitHubPagesDemo
  run: sed -i 's/<base href="\/" \/>/<base href="\/BlazorGitHubPagesDemo\/" \/>/g' release/wwwroot/index.html

# copy index.html to 404.html to serve the same file when a file is not found
- name: copy index.html to 404.html
  run: cp release/wwwroot/index.html release/wwwroot/404.html

# add .nojekyll file to tell GitHub pages to not treat this as a Jekyll project. (Allow files and folders starting with an underscore)
- name: Add .nojekyll file
  run: touch release/wwwroot/.nojekyll
  
- name: Commit wwwroot to GitHub Pages
  uses: JamesIves/[email protected]
  with:
    GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
    BRANCH: gh-pages
    FOLDER: release/wwwroot

`

• update .net version