html - Github 页面不显示我的 div 中的图像

Question

我创建了一个新的存储库并上传了所有文件，但我的索引文件内的 div id="Container"中的图像没有显示。 https://github.com/hkhan194/tres-chic/tree/gh-pages

我调查了与此事有关的所有其他问题并进行了尝试，但仍然没有显示图像。

Answer 1

@Hkhan 我已经在 IE 和 Google Chrome 中尝试过链接，

在 IE 中:

您的网站运行良好，图片正在显示。

在谷歌浏览器中:

图像没有显示，当我检查控制台时，出现此错误

错误:混合内容:位于“https://hkhan194.github.io/tres-chic/”的页面' 通过 HTTPS 加载，但请求了不安全的脚本 ' http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js '.此请求已被阻止；内容必须通过 HTTPS 提供。

解决方案:

• Google chrome 似乎不允许接受来自您为 JS 提到的 url 的脚本。
• 所以“mixItUp 不是函数”错误被抛出，因为 mixItUp 函数来自以前的 JS 文件。
• 因此，您可以将该 javascript 文件保存为 github 中特定路径中的“jquery.mixitup.min.js”，然后将 javascript 包含在索引文件的标记中，如下所示，

<script src="Your path/jquery.mixitup.min.js"></script>