Javascript и изображения не работают на страницах github - PullRequest
Новая
       5

Javascript и изображения не работают на страницах github

1 голос
/ 19 июня 2020

Файлы отлично работают на моем P C, но когда я просматриваю его на страницах Github, как изображения, так и Javascript, похоже, вообще не работают.

Ссылка на страницу: https://lupe-fiasnow.github.io/Industrious-Website/

Код здесь: https://github.com/Lupe-FiaSnow/Industrious-Website

Я был бы признателен за любую помощь, так как я просто не могу понять эту проблему.

1 Ответ

0 голосов
/ 19 июня 2020

Базовый путь вашего сайта /Industrious-Website, в вашем index.html вы указали: 

<script src="/main.js"></script>

, который будет загружать https://lupe-fiasnow.github.io/main.js вместо https://lupe-fiasnow.github.io/Industrious-Website/main.js.

Должно быть (без sla sh): 

<script src="main.js"></script>

То же самое применимо для источника тега img: 

<img src="/img/person-3.jpg" alt="">

должно быть: 

<img src="img/person-3.jpg" alt="">

Также в вашем css файле у вас есть: 

/* Showcase */
.showcase {
  background-color: #000;
  height: 55vh;
  background: linear-gradient(rgba(244, 56, 56, 0.5), rgba(0, 0, 0, .8)),
    url(/img/skyline.jpg) center no-repeat;   <================== this line
  background-size: cover;
}
.info-mid{
  background: linear-gradient(rgba(244, 56, 56, 0.5), rgba(0, 0, 0, .8)),
    url(/img/skyline.jpg) center no-repeat fixed; <================== this line
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

/img/skyline.jpg будет загружено https://lupe-fiasnow.github.io/img/skyline.jpg, что не не существует, хочешь https://lupe-fiasnow.github.io/Industrious-Website/img/skyline.jpg. Обновление с url(img/skyline.jpg) будет работать

...