「安全でないスクリプトを読み込む」を修正するには？

Question

私は最初からやり直していきます。

基本的に私はthemeforestからテンプレートを購入し、自分の好みに合わせてマークアップエディタでコードを手動で編集しました。

私は終了したので、githubページで自分のウェブサイトをホストすることにしました。自分のコードディレクトリをリポジトリにアップロードしました。ここで

は私のリポジトリへのリンクです： https://github.com/KristofferHari/kristofferhari.github.io

ここに私の現在のウェブサイトのURLへのリンクです： https://kristofferhari.github.io/（あなたが見ることができるように、すべてがちょっとバギーです）

---

だから私は連絡するために管理しました売り手とこれは私が提供したものです：

その理由は、リソースがhttp接続を使用しており、https接続Webサイトにリソースをロードできないためです。だから githubにそれらを使うためには、すべてのリソース（スクリプト/スタイルシート）をgithub にアップロードする必要があります。

は、だから、私はブラウザ経由で、私は、HTTPではなくHTTPS接続を介して自分のWebサイトに接続しようとしていたとします。 （これが実際に問題を引き起こしているのでしょうか、http接続とhttpsの違いは何ですか？）

第2に、自分のすべてのリソース（スクリプト/スタイルシート）を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.

問題は、ページが（HTTPS）、セキュアである

https://kristofferhari.github.io/ 

から

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

をロードしているが、それは安全でないコンテンツ（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です。

この変更をすべてのリソースに適用します。