时间戳

首页 > 解决方案 > 我的图片在 github 页面和 netlify 中都没有加载到我的站点中

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

问题描述

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

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

标签： htmlcssgithub-pagesnetlify

解决方案

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

推荐阅读