我无法让我的照片加载到 Github 上？我也无法在网站上获取我的 css？

Question

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

对于自述文件，我在代码中有这个：

<div class="top-container">
<img class="top-cloud" src="C:Usersmkouk24DocumentsWeb DevelopmentCSS-My SiteImagescloud.png" alt="cloud-img">
<img class="bottom-cloud" src="C:Usersmkouk24DocumentsWeb DevelopmentCSS-My SiteImagescloud.png" alt="cloud-img">
<img src="C:Usersmkouk24DocumentsWeb DevelopmentCSS-My SiteImagesmountain.png" alt="mountain-img">
</div>
<hr>
<div class="middle-container">
<div class="profile">
<img class="profile-picture" src="C:Usersmkouk24DocumentsWeb DevelopmentCSS-My SiteImagesthumbnail2.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:Usersmkouk24Desktop/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>