如何修复“加载不安全的脚本”?

时间:2017-02-15 10:03:39

标签: github github-pages

所以我会从一开始就开始。

基本上我从themeforest购买了一个模板,我在标记编辑器中手动编辑了代码以符合我的偏好。

当我完成后,我决定在github页面上托管我的网站 - 我将我的代码目录上传到存储库。

这是我的存储库的链接: https://github.com/KristofferHari/kristofferhari.github.io

以下是我当前网站网址的链接: https://kristofferhari.github.io/(正如你所看到的,一切都有点儿麻烦)

所以我设法联系卖家,这就是我提供的内容:

  

原因是资源使用的是http连接,无法在https连接网站上加载。所以   你必须将所有资源(脚本/样式表)上传到github   为了在github上使用它们。

所以我想通过我的浏览器,我试图通过https连接而不是http连接到我的网站。 (这是实际导致问题的原因,http连接和https之间有什么区别?)

其次,我如何将所有资源(脚本/样式表)上传到github?

提前致谢!

1 个答案:

答案 0 :(得分:3)

有一个相对简单的解决方案:使用协议相对URL格式。

e.g。你的错误

Mixed Content: The page at 'https://kristofferhari.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,900'. This request has been blocked; the content must be served over HTTPS.

问题是你正在加载

http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,900'

来自

https://kristofferhari.github.io/

该页面是安全的(HTTPS),但它正在加载不安全的内容(HTTP)。

要修复它,您基本上需要将样式表更改为:

https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,900'

但更灵活的解决方案是使用协议相对格式:

//fonts.googleapis.com/css?family=Open+Sans:400,700,300,900'

然后可以使用http或https。

将此更改应用于所有包含的资源。