我上传了一张图片,并使用适当的扩展名和正确的图片链接将其链接到html文件。即使这样,图像也不会出现。
以下是我网站的链接 - http://valaparthvi.github.io/
指向我的github个人资料的链接 - https://github.com/ValaParthvi/valaparthvi.github.io
这里出了什么问题?有哪些可能的解决方案?
答案 0 :(得分:4)
该图片的来源包括您的主目录(/home/
)。世界上没有其他人知道这一点。您需要提供Web浏览器可以访问的正确URL。该图片的网址为//raw.githubusercontent.com/ValaParthvi/valaparthvi.github.io/master/DSC_07321.resized.png
。
了解当您将网站上传到GitHub时,它会存储所有文件。互联网上的某些人必须能够访问这些文件的所有路径。希望我无法访问您的主目录。
GitHub页面还提供了更方便的,与分支无关的URL。对于您的图片,它将是/DSC_07321.resized.png
。这样做的好处是源未定义,因此它将在本地和部署时工作。在其他两种情况下,当您使用主目录或使用fullGitHub网址时,您使用的是绝对网址,该网址无法跨多个来源工作。
答案 1 :(得分:2)
Jamie Counsell得到了图片的答案:
<img src="/DSC_07321.resized.png" />
我也会删除
img {
padding-left: 1000px;
}
而是使用带有<img src="/DSC_07321.resized.png">
的{{1}}标记围绕<div>
,以便它在不同的屏幕尺寸上看起来不错。
像这样:
text-align: right
希望这有帮助。
答案 2 :(得分:1)
你的图片有错误的src。试试这个:
<img src="//valaparthvi.github.io/DSC_07321.resized.png">