Я не могу загрузить свои фотографии на Github? Я также не могу получить мои CSS на веб-сайтах? - PullRequest
Новая
       41

Я не могу загрузить свои фотографии на Github? Я также не могу получить мои CSS на веб-сайтах?

0 голосов
/ 04 октября 2019

Я попытался загрузить свои файлы jpg и png, и у меня настроен полный путь на самом веб-сайте, он работает, когда я просто открываю его из редактора кода, но его нет на моей странице github. Итак, я попробовал

Для файла Readme у меня есть это в коде: 

<div class="top-container">
  <img class="top-cloud" src="C:\Users\mkouk24\Documents\Web Development\CSS-My Site\Images\cloud.png" alt="cloud-img">
  <img class="bottom-cloud" src="C:\Users\mkouk24\Documents\Web Development\CSS-My Site\Images\cloud.png" alt="cloud-img">
  <img src="C:\Users\mkouk24\Documents\Web Development\CSS-My Site\Images\mountain.png" alt="mountain-img">
</div>
<hr>
<div class="middle-container">
  <div class="profile">
    <img class="profile-picture" src="C:\Users\mkouk24\Documents\Web Development\CSS-My Site\Images\thumbnail2.jpg" alt="matthews profile picture">
    <img class="lightning" src="https://media.giphy.com/media/vt2UahsYgKKIg/giphy.gif" alt="lightning">
  </div>
  <hr>
  <div class="skills">
    <h2>My Skills.</h2>
    <div class="skill-row">
      <img class="martial-arts" src="C:\Users\mkouk24\Desktop/martial-arts.jpg" alt="martial-arts">
      <img class="gif" src="https://media.giphy.com/media/3o7btNhMBytxAM6YBa/giphy.gif" alt="matrix">
    </div>
    <div class="skill-row">
      <img class="matrix-code" src="https://media.giphy.com/media/10zxDv7Hv5RF9C/giphy.gif" alt="matrix-code">
    </div>
  </div>

, но когда я фиксирую изменения, изображения не будут отображаться, хотя мои GIF-файлы будут отображаться, поэтому я что-то делаюнеправильно или я что-то упускаю из-за чего не знаю? У меня также есть html-файл, который почти такой же, но только в нем есть весь проект целиком, у меня также есть css-файлы, но они тоже не отображаются, и мой веб-сайт просто выглядит голым?

1 Ответ

0 голосов
/ 04 октября 2019

похоже, что вы жестко кодируете пути к изображениям с вашего ПК с Windows, Github, вероятно, не сможет достичь "C: \ Users \ mkouk24 \ Documents \" на вашем ПК

, чтобы преодолеть это, просто используйте путь к изображению относительно корня сайта, например: 

    <div class="top-container">
  <img class="top-cloud" src="Images/cloud.png" alt="cloud-img">
  <img class="bottom-cloud" src="Images/cloud.png" alt="cloud-img">
  <img src="Images/mountain.png" alt="mountain-img">
</div>
...