Развертывание Astro.js: файлы мультимедиа не отображаются

Недавно я попытался развернуть свое первое портфолио на страницах github, которое создается с помощью Astro.js.

В режиме разработки все выглядит так, как должно, и сборка не вызывает никаких ошибок, но когда я обращаюсь к странице, на которой было развернуто мое портфолио, изображения не отображаются. Все изображения в формате SVG, и у меня также есть видео, которое воспроизводится на фоне в формате .mp4. Для HTML, который я использую, и тегов для изображений и видео соответственно.

Для развертывания я следовал документации Astro

И в основном это скопированный файл yaml.

.github/рабочие процессы/main.yaml:

name: Deploy Astro to GitHub Pages

    on:
      # Trigger the workflow every time you push to the `main` branch
      # Using a different branch name? Replace `main` with your branch’s name
      push:
        branches: [ main ]
      # Allows you to run this workflow manually from the Actions tab on GitHub.
      workflow_dispatch:

    # Allow this job to clone the repo and create a page deployment
    permissions:
      contents: read
      pages: write
      id-token: write

    jobs:
      build:
        runs-on: ubuntu-latest
        steps:
          - name: Checkout your repository using git
            uses: actions/checkout@v2          
          - name: Install, build, and upload your site
            uses: withastro/action@v0
            with:
                # path: . # The root location of your Astro project inside the repository. (optional)
                # node-version: 16 # The specific version of Node that should be used to build your site. Defaults to 16. (optional)
              package-manager: npm # The Node package manager that should be used to install dependencies and build your site. Automatically detected based on your lockfile. (optional)


      deploy:
        needs: build
        runs-on: ubuntu-latest
        environment:
          name: github-pages
          url: ${{ steps.deployment.outputs.page_url }}
        steps:
          - name: Deploy to GitHub Pages
            id: deployment
            uses: actions/deploy-pages@v1

Более подробную информацию вы можете найти

Обновлено: очевидно, я недостаточно хорошо читал документы, так как ошибка была решена этим предупреждением предупреждением

Шаблоны Angular PrimeNg
Шаблоны Angular PrimeNg
Как привнести проверку типов в наши шаблоны Angular, использующие компоненты библиотеки PrimeNg, и настроить их отображение с помощью встроенной...
Создайте ползком, похожим на звездные войны, с помощью CSS и Javascript
Создайте ползком, похожим на звездные войны, с помощью CSS и Javascript
Если вы веб-разработчик (или хотите им стать), то вы наверняка гик и вам нравятся "Звездные войны". А как бы вы хотели, чтобы фоном для вашего...
Документирование API с помощью Swagger на Springboot
Документирование API с помощью Swagger на Springboot
В предыдущей статье мы уже узнали, как создать Rest API с помощью Springboot и MySql .
Начала с розового дизайна
Начала с розового дизайна
Pink Design - это система дизайна Appwrite с открытым исходным кодом для создания последовательных и многократно используемых пользовательских...
Шлюз в PHP
Шлюз в PHP
API-шлюз (AG) - это сервер, который действует как единая точка входа для набора микросервисов.
14 Задание: Типы данных и структуры данных Python для DevOps
14 Задание: Типы данных и структуры данных Python для DevOps
проверить тип данных используемой переменной, мы можем просто написать: your_variable=100
1
0
63
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Для полного ответа и в дополнение к конфигурации base, которую вы упомянули в своем вопросе, поскольку вы используете страницы github для развертывания, важно добавить файл .nojekyll в ваш каталог /public/ или убедиться, что он помещен в корень репозитория. или статическая папка, которую нужно развернуть на github

использованная литература :

Другие вопросы по теме