изображения не отображаются с использованием HTML-тега

#html #image #github #host #src

#HTML #изображение #github #хост #Src

Вопрос:

Я устанавливаю для тега локальный путь, он нормально работает на моем компьютере, НО когда я развертываю его с помощью служб GitHub pages, изображения вообще не загружаются

вот код:

 <ol>
    <li>Go To Apperance amp;> Menu</li>
    <li>Create a new menu by clicking on create a new menu</li>
    <img src="./images/social1.PNG" width="80%" alt="Social Icons">
    <li>Add your menu items as <strong>Custom links</strong> in left side menu</li>
    <img src="./images/social2.PNG" width="80%" alt="Social Icons">
</ol>
 

Ответ №1:

Вы должны изменить src="./images/socialX.PNG" либо на абсолютный путь, либо, учитывая, что вы выбираете относительные пути, и в предположении, что images каталог размещен внутри репозитория вашего сайта, тогда его имя должно быть дополнено, чтобы сформировать окончательный относительный путь src="/repo_name/images/socialX.PNG" .

Ответ №2:

Я проверил ваш репозиторий.

Вы правильно использовали относительный путь, но пропустили заклинание.

В URL чувствителен к регистру. Ваше имя папки «Images», но вы пробовали «images», поэтому ваш код не работает.

Например, попробуйте https://ryadh020.github.io/HireMe-theme-doc/Images/front1.PNG вместо https://ryadh020.github.io/HireMe-theme-doc/images/front1.PNG .

Комментарии:

1. спасибо, вы мне очень помогли. но у меня есть вопрос, если вы не возражаете, как вы могли бы найти мой репозиторий?

2. @Ferhane Riyadh: вы ввели имя своей учетной записи на GitHub в своем профиле StackOverflow.

Ответ №3:

Пожалуйста, убедитесь, что вы также загружаете изображения.

и URL-адрес ссылки соответствует его файлу (я не уверен, куда указывает точка, возможно, попробуйте удалить ее или добавить две точки).

Надеюсь, вы нашли это полезным 🙂