我对github页面完全陌生,在创建我的第一个项目时遇到了一些问题。为此,我使用github页面(username.github.io)进行实时预览。但在本地它运行良好,但不是在github页面。在github页面中,它不能处理任何css,js或我的风格。所有我的css,js和style都在index.html页面中。如果我去页面源它显示所有代码但不工作! 我做什么来显示实际(如本地主机)? 链接如下。请看看并告诉我我的工作?
答案 0 :(得分:1)
浏览器控制台显示您的外部资源被阻止:
(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
加载外部资源。
答案 1 :(得分:0)
实际上不是Git问题,它实际上是HTML / CSS。
您在http
页面中有https
资源的链接,浏览器不喜欢这样。首选//example.com/path/to/file
到http://example.com/path/to/file
等链接,让您的浏览器选择正确的协议。
要调试此类问题,请使用浏览器随附的网站管理员工具。例如,使用Firefox,右键单击页面上的任意位置 - >检查元素。控制台显示错误。