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

标签 html css github github-pages

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

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

最佳答案

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

关于html - Github 页面不显示我的 div 中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40500642/

相关文章:

git - 成功构建 Jenkins 后,如何将更改从一个分支推送到另一个分支?

javascript - 如何让 Bootstrap Toasts 不自动消失?

javascript - Bootstrap 折叠堆叠元素

javascript - 如何根据单元格 Aggrid 中的元素自动调整 rowHeight

github - 内部可见 jenkins 实例中 jenkins 的 webhook 代理

git - 将多个子目录分离(移动)到单独的 Git 存储库中

html - COL 和 ROW 响应

html - 如何使元素水平滚动而不是垂直滚动

javascript 将元素附加到 div 中

css - 图像消失而不是在 ie7 中显示