Github, некоторые изображения не отображаются

Question

Я сделал сайт, который размещен на ветке gh-pages. Вы можете посетить сайт здесь: https://pacxiu.github.io/RetroPSD/

также ссылаются на репо https://github.com/pacxiu/RetroPSD

Проблема заключается в том, что он не показывает все изображения. Я знаю, что Linux чувствителен к регистру, но почему тогда можно найти некоторые изображения - ссылку, например, фоновые изображения. Также SVG с иконками внизу сайта. Также первое изображение Kodak Camera найдено, но потом я получил 404:/

Answer 1

Вашего images каталог хранится в каталоге RetroPSD и пока вы ссылаетесь их относительным путем, который выглядит для каталога images в корневом каталоге.

E.g. Какую HTML говорит (на главной странице):

../images/icons/tv.svg 

который становится (после разрешения):

https://pacxiu.github.io/images/icons/tv.svg 

.. относится к родительскому каталогу.

Что вы хотите:

images/icons/tv.svg 

или еще лучше сделать его родственница из корня (так он работает на всех страницах):

/RetroPSD/images/icons/tv.svg 

Answer 2

В index.html все ваши IMG SRC-х имеют '../images/[name of image]', .. в начале означает перемещение вверх по каталогу, но папка с изображениями находится в той же папке, что и файл index.html. Сайт ищет папку с изображениями в неположенном месте из-за ../, чтобы исправить это, просто нужно заменить ../images на images/.