Heroku에서 MathJax 기능을 사용하는 방법

Question

저는 Python 언어와 웹 응용 프로그램 배포를위한 Heroku 웹 인터페이스에 새로운 기능을 추가했습니다. 내 배경은 공학이며 MATLAB 프로그래밍으로 전체 레일/웹 장면이 새로운 것입니다. 그러나 앞으로의 프로젝트의 기초를 배우려고합니다. 이를 위해, 웹 주위에 몇 가지 튜토리얼의 도움으로, 파이썬/NumPy와 + 플라스크의 성공적 부부 기반 응용 프로그램에 처리했다 :

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

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

그러나로 당신은 이미 볼 수 있습니다 , 두 번째 링크에서 LaTeX/MathJax 마크 업이 올바르게 표시되지 않습니다. 내 localhost에서 실행할 때마다 올바르게 작동하지만 (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이라고합니다.

하드 코드 암호화되지 않은 HTTP 연결부 MathJax 라이브러리를로드 할 링크 :

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

당신 수 스위치 http://https://을 위해,하지만 더 나은 방법이 아마 단순히 // 사용 :

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

귀하의 링크가 의 프로토콜 기준이됩니다; 페이지 자체와 동일한 프로토콜을 사용하여로드됩니다.

웹 개발을 할 때 유용한 자료 인 browser의 developertools에 대해 자세히 알아 보시기 바랍니다. 거기에 포함 된 콘솔은 종종 이런 유형의 문제를 드러냅니다.