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

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上工作。

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