HerokuでMathJaxの機能を有効にする方法

Question

私は、Python言語とHeroku Webインターフェイスの両方に、Webアプリデプロイメントの新機能を追加しました。私の背景はエンジニアリングであり、MATLABプログラミングによってレール/ウェブ全体のシーンが新しくなりました。しかし、今後のプロジェクトの基礎を学びたいと思っています。このために、ウェブの周りにいくつかのチュートリアルの助けを借りて、私は、Python/numpyの+フラスコベースのアプリケーションの成功したカップルのために管理している：

https://matrix-spectrum.herokuapp.com/

https://plot-damped-sinusoid.herokuapp.com/

しかし、あなたはすでに見ることができるように、2番目のリンクでは、LaTeX/MathJaxマークアップが正しく表示されません。ローカルホスト上で実行するたびに正しく動作しますが（heroku local web）、MathJaxがデプロイされると表示されません。

これを修正するにはどうすればよいですか？なぜ追加しないのですか？

<script type="text/x-mathjax-config"> 
MathJax.Hub.Config({ 
    TeX: { 
    equationNumbers: { autoNumber: "AMS" }, 
    extensions: ["AMSmath.js", "AMSsymbols.js", "autobold.js", "color.js"] 
    } 
}); 
</script> 
<script type="text/javascript" 
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> 
</script> 

ヘッダーが機能していますか？

https://groups.google.com/forum/#!topic/mathjax-users/Rpa_WQ6rMkE

しかし、それは、約5歳で、私は次のように多くの最近の進展がなければならない疑いがある：私は見つけることができる最も近い質問/回答はあり

https://github.com/pmq20/mathjax-rails

しかし、私は持っています"レール"の経験はありません。

Answer 1

これらのリンクではHTTPS（暗号化HTTP）プロトコルが使用されますが、現代のブラウザでは、主な接続が暗号化されていると暗号化されていないコンテンツの読み込みを拒否することがよくあります。これはmixed contentと呼ばれます。

MathJaxライブラリをロードするためにあなたのリンクをハードコード暗号化されていないHTTP接続：

<script type="text/javascript" 
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> 
</script> 

あなたはhttps://ためhttp://を切り替えることができますが、より良いアプローチは、単純に//を使用することが考えられます：

<script type="text/javascript" 
src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> 
</script> 

これはあなたのリンクをのプロトコルにします;ページ自体と同じプロトコルを使用して読み込みます。

browserのdevelopertoolsについては、ウェブ開発の際に参考になることをお勧めします。そこに含まれるコンソールは、この種の問題を明らかにする場合があります。