Jquery.get（）混在したコンテンツのhttps

Question

せずにデータをフェッチしようとしたとき、私は、ユーザーがLoad moreボタン

$.get("/blog/page" + nextPage, function (data) {

コード作品をクリックしたときに新しい記事を取得するために私のJS関数のいずれかの内側に次のコードを得ました私はそれをローカルでテストすると良い。

gh-pagesにプッシュするとうまく見えます。私はLoad moreボタンをクリックすると、しかし、私は次のエラーを取得する：

Mixed Content: The page at 'https://username.github.io/sub-name/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://username.github.io/sub-name/blog/page2/'. This request has been blocked; the content must be served over HTTPS.

私はbaseurl_config.ymlにファイルを追加しましたが、それは問題を解決していません。

Answer 1

https://railsr.github.ioでは、あなたのcssとjsファイルがconfigファイルからhttpに設定されているアクセスするために_includes/head.htmlを使用しています。別のプロトコルを使用する//代わりに

Answer 2

私は別のアプローチを採用し、今投稿のリストを生成するプロジェクトのルートにposts.jsonファイルを持つことにしました。

--- 
--- 

[ 
    {% for post in site.posts %} 
     { 
     "title": "{{ post.title }}", 
     "summary": "{{ post.summary }}", 
     ... 
     } 
     {% unless forloop.last %},{% endunless %} 
    {% endfor %} 
] 

そして、私のjsのいずれかにファイルが

$.getJSON("{{site.baseurl}}/posts.json", function(data) {

を使用して、バッチでアレイと、ディスプレイの記事を投稿するためにデータをプッシュ（最初の4つのポストをロードし、ロード」ごとに別の4をロードボタンクリック）

（ページングなし）