Проблема с изображением на страницах GitHub, но оно работает локально

#html #image #github

#HTML #изображение #github

Вопрос:

У меня есть сайт GitHub pages, над которым я работаю, и на одной странице изображение не отображается. Он отлично работает, когда я загружаю страницу локально.

Вот сайт, на котором он не загружается — http://ibldynamics.com/exercises/ex10_36.html И код, который у меня есть, таков

    <div>    
    <h1>Chapter 10, Explorations 36-40</h1>
    <p> Print out the figure below to assist with these explorations. This is Figure 10.1 in your textbook.
    <img src="../images/Sarkpic1.png" class="img-fluid" alt="Sarkpic1"></p>

</div>

У меня есть другая страница с изображением, и она работает нормально — http://ibldynamics.com/exercises/fig6_3.html

И код, который я там использую,

    <div>    
    <h1>Chapter 6, Figure 6.3</h1>
    <p> Print out the image below, and use it to assist with explorations 43-47 in the text.
    <img src="../images/logisticPic2.png" class="img-fluid" alt="logisticPic2"> </p>

</div>

Весь материал преамбулы был скопирован и вставлен, все идентично. Есть идеи? Я пробовал несколько браузеров, так что это не так.

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

2. http://ibldynamics.com/images/Sarkpic1.png отсутствует

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

4. Это странно, он открывался в браузере по локальному пути. Я понял это, файл называется SarkPic1.png, и у меня был Sarkpic1.png. Локальная копия не заботилась о капитализации. Спасибо за помощь!

Ответ №1:

Изображение (../images/Sarkpic1.png) не загружается в репозиторий Github. Вы можете увидеть это, если перейдете по этому URL http://ibldynamics.com/images/Sarkpic1.png .

Изображение (../images/logisticPic2.png) загружено на Github. Чтобы просмотреть его, перейдите по этому URL http://ibldynamics.com/images/logisticPic2.png .

Чтобы исправить это, найдите / проверьте изображение (../images/Sarkpic1.png) в репозитории GitHub. если его там нет, загрузите его.