Почему в github pages подгружаются не все картинки?

Question

[Norwood]

Не могу понять, почему некоторые подгружаются (например лого в header, footer и иконки в footer), а остальное нет. Всё сделано по одному шаблону, через gulp. Т.е. как я понимаю, оно ли же должно подгружать всё или же вообще ничего. А тут подгружает выборочно. Может кто-нибудь знает причину такого поведения? Или же куда хоть смотреть?
P.S. на локальном компе всё работает.
Landing Page

Comments

[Ankhena]

Так сравните как написан путь у тех, которые загружаются и у тех, которые нет...

[Norwood]

Ankhena, понял, проблема в первом /
Спасибо!

[Norwood]

Ankhena, извините, может Вы поможете. Всё сработало именно в index.html у тех картинок, которые написаны через src. Если же через background, то ни одной картинки не грузится. Пробовал и с / и без него, но ничего не помогает. Может быть Вы знаете в чём может быть тут дело?
Landing Page

[Ankhena]

Norwood,

Вы знаете в чём может быть тут дело?

Знаю, всё в том же самом.

Вы продолжаете писать путь от корня сайта.

Инструменты разработчика ведь всё пишут, где браузер ищет вашу картинку. Нет папки assets в корне гитхаба.



После этого остается только сравнить с тем, где она лежит на самом деле и исправить.

Чтобы из файла style.css попасть к картинке, нужно выйти из папки на 1 уровень наверх и зайти в папку img.
Т.е. так url(../img/skill/skill-bg.png);

В папку assets вообще ходить не нужно.
Почитайте https://htmlacademy.ru/blog/boost/frontend/links

p.s. 1.png, triangle.png, иконки соц.сетей - это вообще не контентные изображения, а украшения, т.е. фоны и/или псевдоэлементы. И хорошо бы в svg.

Answer 1

[Сергей Карбивничий]

Или же куда хоть смотреть?

F12