github 页面和 netlify 中的图片都没有加载到我的站点中

Question

所以我创建了一个静态站点，它在我的机器上运行良好，但是当我使用 netlify 或 github 页面托管它时，它没有显示任何图像。这是我的 github public 存储库 link：https://github.com/Omar-Gebal/Hosting-static-site and here is my site on netlify : https://hosting-site-static.netlify.app/。这是我的 html 代码 link 图片

 <nav class="zone black sticky">
      <ul class="main-nav">
        <li><a href="#">About</a></li>
        <li><a href="#">Products</a></li>
        <li><a href="#">Our team</a></li>
        <li class="push"><a href="#">Contacts</a></li>
      </ul>
    </nav>
    <div class="container zone">
      <img src="/Hosting-static-site/Asset 28.png" alt="" class="cover" />
      <h1>Own the internet. Start with fast web hosting.</h1>
      <button>Learn more</button>
    </div>
    <div class="zone dark-blue grid-wrapper">
      <div class="box zone">
        <img src="/Hosting-static-site/data_storage_2_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/files_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/desktop_analytics_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/monitor_coding_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/monitor_settings_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/server_2_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/server_3.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/server_safe_2.png" alt="" />
      </div>
    </div>

Answer 1

图片路径应该不同。现在你把它放在一个文件夹下，但在 repo 上它们不在文件夹中。

github 页面和 netlify 中的图片都没有加载到我的站点中

My images are not loading in my site in both github pages and netlify

html

css

github-pages

netlify