Как включить функциональность MathJax на Heroku

Question

Я доволен как языком Python, так и веб-интерфейсом Heroku для развертывания веб-приложений. Мой опыт - это разработка и программирование MATLAB, поэтому все рельсы/веб-сцена для меня новы. Но я пытаюсь изучить основы предстоящего проекта. С этой целью, с помощью нескольких учебных пособий по всему Интернету, мне удалось успешно пару Python/NumPy + Колба приложений на основе:

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

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

Но, как вы уже можете увидеть , во втором соединении метка 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> 

Вы могли переключатель http:// для https://, но лучше, наверное, просто использовать //:

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

Это делает вашу ссылку протокол-родственник; он будет загружаться с использованием того же протокола, что и сама страница.

Я рекомендую вам узнать о browserdevelopertools, которые являются отличным ресурсом при разработке веб-разработок. Консоль, входящая в комплект поставки, часто обнаруживает эту проблему.