Question

如果您在这里https://codepen.io/Benmuiruri/pen/vMVoxX访问我的codepen页面，则可以看到到目前为止的html以及页面的加载方式。

<!DOCTYPE html>
<html>
<head>
  <title id = "title">Wangari Maathai Tribute</title>
  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <header class="header">
    Header of a title and Nav links go here
  </header>
  <div id="main">
    <div id="img-div">
      <img id="image" src="https://res.cloudinary.com/optprime/image/upload/v1556124665/earthday_s4yudx.jpg">
    </div>
    <p id="img-caption">
      Image caption to come below the image here
    </p>
    <hr>
    <div id="tribute-info">
      A tribute to a legend: a three column layout of Professor's life.
    </div>
    <hr>
    <div id="image-carousel">
      Three image row of Wangari Mathai photos.
    </div>
    <hr>
    <div >

    </div>
    <footer class="footer">
      <a id="tribute-link" href="/" target="_blank">
        <img src="https://res.cloudinary.com/optprime/image/upload/v1556121151/download_ze9ftd.jpg" alt="Green Belt Movement">
      </a>
      <nav>
        <ul class="footer-nav nav-links">
          <li><a href="https://www.greenbeltmovement.org/wangari-maathai/biography">Wangari Maathai Bibliography</a></li>
          <li><a href="http://www.wangarimaathai.org/">Wangari Maathai Foundation</a></li>
        </ul>
        <h3>A fitting tribute to one of Kenya's beloved <span>Nobel Laureate</span></h3>
      </nav>
    </footer>
  </div>
</body>
</html>

但是，如果您访问https://benmuiruri.github.io/Wangari-Maathai-Tribute/的我的github页面，则会得到几乎空白的页面。

我已经检查了我的GitHub Pages站点的源代码当前是从master分支构建的，所以我无法弄清楚是什么情况。

master分支的源代码在这里https://github.com/Benmuiruri/Wangari-Maathai-Tribute

任何帮助将不胜感激。

Answer 1

不确定这是否可以解决问题，但请尝试将主HTML文件从 tribute.html 更改为 index.html 。

Github页面未加载内容

1 个答案: