Question

我上传了一张图片，并使用适当的扩展名和正确的图片链接将其链接到html文件。即使这样，图像也不会出现。

以下是我网站的链接 - http://valaparthvi.github.io/

指向我的github个人资料的链接 - https://github.com/ValaParthvi/valaparthvi.github.io

这里出了什么问题？有哪些可能的解决方案？

Answer 1

该图片的来源包括您的主目录（/home/）。世界上没有其他人知道这一点。您需要提供Web浏览器可以访问的正确URL。该图片的网址为//raw.githubusercontent.com/ValaParthvi/valaparthvi.github.io/master/DSC_07321.resized.png。

了解当您将网站上传到GitHub时，它会存储所有文件。互联网上的某些人必须能够访问这些文件的所有路径。希望我无法访问您的主目录。

GitHub页面还提供了更方便的，与分支无关的URL。对于您的图片，它将是/DSC_07321.resized.png。这样做的好处是源未定义，因此它将在本地和部署时工作。在其他两种情况下，当您使用主目录或使用fullGitHub网址时，您使用的是绝对网址，该网址无法跨多个来源工作。

Answer 2

Jamie Counsell得到了图片的答案：

<img src="/DSC_07321.resized.png" />

我也会删除

img {
  padding-left: 1000px;
}

而是使用带有<img src="/DSC_07321.resized.png">的{{1}}标记围绕<div>，以便它在不同的屏幕尺寸上看起来不错。像这样：

text-align: right

希望这有帮助。

Answer 3

你的图片有错误的src。试试这个：

<img src="//valaparthvi.github.io/DSC_07321.resized.png">

图像不会加载在Github上托管的网站上

3 个答案: