我的 GitHub 页面(css、js、样式)无法正常工作

My GitHub page (css, js, style) doesn't work correctly

我是 GitHub 的新手,在尝试创建我的第一个项目时遇到了一些问题。

我正在使用 GitHub (username.github.io) 预览(实时)。但在本地我的工作很好,但不是 Github 页。

在 Github 页中,它对任何 CSS、js 或我的风格都不起作用。我所有的CSS、js、样式都在index.html页面。如果我转到页面源代码,它会显示所有代码但无法正常工作! 我为显示实际(如本地主机)做了什么? link 如下所示。请看看并告诉我我是做什么的?

https://mostafizur67.github.io

浏览器控制台显示您的外部资源被屏蔽:

(index):8 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure script 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'. This request has been blocked; the content must be served over HTTPS.
(index):13 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'. This request has been blocked; the content must be served over HTTPS.

尝试使用 https 而不是 http 加载外部资源。

实际上不是 Git 问题,它确实是 HTML/CSS 问题。

您在 https 页面中有指向 http 资源的链接,浏览器不喜欢这样。更喜欢 //example.com/path/to/filehttp://example.com/path/to/file 这样的链接,让您的浏览器选择正确的协议。

要调试此类问题,请使用浏览器随附的网站管理员工具。例如,使用 Firefox,右键单击页面上的任意位置 -> 检查元素。控制台显示错误。