如何解决“加载不安全的脚本”？

Question

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

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

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

这里是我的资料库链接： https://github.com/KristofferHari/kristofferhari.github.io

下面就以我目前的网站网址的连结： https://kristofferhari.github.io/（正如你所看到的，一切都还挺车）

---

所以我设法联系卖家和这是我所提供的：

原因是因为资源正在使用http连接，并且它们无法在https连接网站上加载。所以 你必须上传所有的资源（脚本/样式表）到github 才能在github上使用它们。

所以我想通过我的浏览器，我想通过HTTPS连接而不是HTTP连接到我的网站。 （这是什么实际上导致问题，以及http连接和https之间有什么区别？）

其次，我将如何将所有资源（脚本/样式表）上传到github？

在此先感谢！

Answer 1

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

例如你的错误

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。

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