Question

我尝试上传我的jpg和png文件，并且我已经在网站本身上设置了整个路径，当我仅从代码编辑器中打开它时它就可以工作，但是不在我的github页面上。所以我尝试了

对于自述文件，我在代码中有此内容：

<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文件，但它们都不会显示，而且我的网站看起来很裸？

Answer 1

看起来您正在对Windows PC上的图像路径进行硬编码，Github可能无法访问PC上的“ 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>

我无法在Github上加载图片吗？我也无法在网站上获取CSS吗？

1 个答案: