Фон заголовка не отображается на сайте Github, отлично работает на локальном хосте

Итак, я создал веб-сайт для своего церковного лагеря. Я скачал шаблон, персонализировал его, и все выглядело нормально, работая локально через мой компьютер (Firefox). Однако, когда я загрузил его на Github, основной фон заголовка не отображается, а просто белый. Ничего не появляется, ничего не меняется. Когда я проверяю локальный файл, он отлично отображается. Есть что-то, чего мне не хватает? Я размещаю его на страницах Github по адресу https://tjsanzen.github.io/лагерь.

Я пытался изменить весь CSS, я пытался изменить HTML, убедившись, что базы данных обновлены, ничего не работает. Что бы я ни делал, он продолжает оставаться белым пустым фоном.

Вы можете просмотреть весь мой код для него на https://github.com/tjsanzen/лагерь

В качестве фона должно быть изображение детей, идущих вверх по холму, и оно отлично работает на других страницах, но вместо этого, независимо от того, что я делаю, он остается белым экраном. Я не уверен, что не так, но любая помощь будет оценена по достоинству!

вам нужно создать страницу github, чтобы увидеть содержимое репо. следуйте инструкциям страницы.github.com

karthick 13.04.2019 04:32

Github не является веб-хостингом. Для просмотра веб-сайта вам нужен веб-хостинг. Github предлагает один из них, который называется Github Pages, так что это может быть для вас самым простым способом. Но вы упомянули базы данных - после беглого просмотра я не увидел никакой базы данных в вашем коде, но если вам нужен хостинг базы данных, вам может понадобиться другой веб-хост.

Heath Raftery 13.04.2019 04:34

Ах да, извините, я забыл упомянуть, что я действительно размещал страницы Github. Я отредактирую пост :)

Tovin 13.04.2019 04:36
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
98
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

В вашем CSS вы ссылаетесь на img/header.jpg, но в вашем репозитории это изображение загружается как img/header.JPG. Изменение регистра должно исправить это.

Ваша операционная система, вероятно, имеет имена файлов, нечувствительные к регистру, что делает JPG фактически таким же, как jpg, поэтому она работала на вашем локальном хосте. Очевидно, что для страниц GitHub имена файлов чувствительны к регистру. Это может быть связано с тем, что серверы, на которых запущены страницы, имеют имена файлов с учетом регистра или потому, что приложение, интерпретирующее HTTP-запросы, применяет чувствительность к регистру.

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