Search code examples
htmlimagegithubhostsrc

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

I set a tag to a local path it works normally on my computer BUT when I deploy it using GitHub pages services the images don't load at all

here is the code:

<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>
Solution

  • You should change src="./images/socialX.PNG" either to an absolute path or given that you opt for relative paths and under the assumption that the images directory is placed inside your website's repository, then its name should be prepended to form the final relative path src="/repo_name/images/socialX.PNG".