Почему не работает сайт на GitHub Pages?
Сделала маленький проект на frontend mentor и хотела туда загрузить решение. чтобы это сделать, надо опубликоваться и один из вариантов GitHub Pages. Сделала по инструкции: в настройках зашла в pages, там выбрала источник main. Больше ничего в инструкции не сказано (https://pages.github.com/). Но у меня отображается только разметка, остальное все 404
Что я сделала не так?
ссылка на получившуюся страницу https://eugeniaantonova.github.io/results-summary-...
на репозиторий https://github.com/EugeniaAntonova/results-summary...
Дополнительно:
стили и js не грузятся. пути к ресурсам проверяйте в своем коде.
если клонировать прям оттуда, и запустить, все отлично отработает. но сайт - нет. почему я не понимаю. пути проверяла и они работают, просто не тут, почему-то
для начала исправьте стили , вот так
<link rel="stylesheet" href="./css/style.css">
если вам важен тут рейтинг, повторите его в ответах и я отмечу решением
просто не знала почему так, если у меня все работало
странная вещь - у меня работало нормально, а тут надо было во все пути добавить точку спереди. можете объяснить почему так, пожалуйста?
Ничего странного, можно точку добавить, а можно слеш первый убрать. И то и другое сделает из абсолютного пути относительный. Относительно корня "сайта".
Учитесь пользоваться инструментами отладки в браузере.
/assets/images/icon-reaction.svg
Прочитайте чем отличаются абсолютные пути и относительные. Вот это абсолютный. Уберите первый слеш.
./js/main.js - тут тоже "./" лишние, но влиять это на работу не дролжно.
Чего именно вы ожидаете вообще от своего кода?
- ну там просто плашка с результатами некоего теста) мне надо было сверстать, стилизовать и сделать так, чтобы данные динамически загружались из json файла
все уже работает, можете посмотреть)) - AlexandraWeather, не всё. svg не находит по указанному пути:
<img width="20" height="20" src="/assets/images/icon-reaction.svg" alt="reaction">
<img width="20" height="20" src="/assets/images/icon-reaction.svg" alt="reaction">
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы понять, почему сайт на GitHub Pages не работает, необходимо рассмотреть несколько возможных причин:
1. Неверно настроенный репозиторий: убедитесь, что ваш репозиторий на GitHub правильно сконфигурирован для работы с GitHub Pages. Для этого необходимо убедиться, что в настройках репозитория выбрана нужная ветка (обычно `gh-pages` или `master`) для размещения содержимого сайта.
2. Неправильно оформленные файлы: убедитесь, что все файлы вашего сайта имеют правильное расширение (например, `.html` для HTML-файлов) и находятся в корректных папках внутри репозитория.
3. Ошибки в коде: проверьте ваш HTML, CSS и JavaScript код на наличие ошибок. Даже одна небольшая ошибка может вызвать неработоспособность сайта на GitHub Pages.
4. Проблемы с доступом: иногда проблема может быть связана с доступом к сайту. Убедитесь, что ваш репозиторий публичный и что GitHub Pages включены в настройках вашего аккаунта.
Для того чтобы детально проанализировать причину неработоспособности сайта на GitHub Pages, рекомендуется просмотреть логи и консоль разработчика в браузере, чтобы найти возможные ошибки и предпринять действия для их исправления.
Приведу пример кода на PHP для отображения "Hello World" на странице:
<title>My PHP Page</title><title>My PHP Page</title>
Если после всех проверок сайт на GitHub Pages продолжает не работать, рекомендуется обратиться к сообществу разработчиков на форумах или в соответствующих группах в социальных сетях для получения дополнительной помощи и советов.