GitHub Actionsを使用して、GatsbyJSのビルドとGitHub Pagesへのデプロイをして公開したサイトが正しく表示されない

Question

GatbyJSで作成したサイトをGitHub ActionsでビルドとGitHub Pagesへのデプロイして公開してみたのですが、
画像やグラフがうまく表示されなかったり表示されなかったりします。

問題のサイト

サイトのリポジトリ

Gatsby developで表示したサイトだと下記の画像のように正しく表示されます。

GitHub Actionsで使用したYMLファイルは以下です。

# This is a basic workflow to help you get started with Actions

name: Deploy

# Controls when the action will run. Triggers the workflow on push or pull request
# events but only for the master branch
on:
  push:
    branches:
      - master

# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
  build-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2

      - name: setup node 
        uses: actions/setup-node@v2.1.0
        with:
          node-version: '12.x'

      - name: Cache dependencies
        uses: actions/cache@v1
        with:
          path: ~/.cache/yarn
          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
          restore-keys: |
            ${{ runner.os }}-yarn-
      - name: install
        run: yarn install --frozen-lockfile

      - name: build
        run: yarn build
        env:
          GITHUB_API_TOKEN: ${{secrets.GITHUBAPI_TOKEN}}

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

どうすればサイトを正しく表示することができるのでしょうか。