使用 <img> HTML 标签不显示图像

Question

我将标签设置为本地路径它在我的计算机上正常工作但是当我部署它使用 GitHub 页面服务 图片根本无法加载

代码如下：

<ol>
    <li>Go To Apperance &gt; Menu</li>
    <li>Create a new menu by clicking on create a new menu</li>
    <img src="./images/social1.PNG" width="80%" alt="Social Icons">
    <li>Add your menu items as <strong>Custom links</strong> in left side menu</li>
    <img src="./images/social2.PNG" width="80%" alt="Social Icons">
</ol>

Answer 1

您应该将 src="./images/socialX.PNG" 更改为绝对路径，或者假设您选择相对路径，并且假设 images 目录位于您网站的存储库中，那么它的名称应该是预先形成最终的相对路径 src="/repo_name/images/socialX.PNG".

Answer 2

请确保您也上传了图片。

并且 link URL 对其文件是准确的，（我不确定点指的是哪里，也许尝试删除它或添加两个点）。

希望这对您有所帮助:)

Answer 3

我检查了your repository。

你正确使用了相对路径，但你没有拼写。

在URL中，区分大小写。您的文件夹名称是“Images”，但您尝试使用“images”，这就是您的代码无法正常工作的原因。

例如，尝试 https://ryadh020.github.io/HireMe-theme-doc/Images/front1.PNG 而不是 https://ryadh020.github.io/HireMe-theme-doc/images/front1.PNG。

使用 <img> HTML 标签不显示图像

images don't show up using <img> HTML tag

html

image

github

host

src