StackEdit5からBloggerにPublishするとMathjax数式表示が崩れる
解決したいこと
表題の通り、
$\LaTeX: \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$
のように数式を入力するとStackEdit上では
と正しく表示されるものの、Blogger(Mathjax用のスクリプトはheadに記入してあります。)にPublishすると
と何故か2回印字される上、\LaTeX
コマンドの表示もおかしいです。
また、$$
でディスプレイスタイル数式にすると、正しい表示は
ですがインライン式と同じになってしまいます。
StackEdit4(deprecated版)ではこの現象は起こりません。StackEdit5でも正しく表示させるにはどうしたら良いでしょうか?
環境
Google Chrome バージョン: 86.0.4240.75(Official Build) (64 ビット)
Bloggerメニューからテーマ→カスタマイズ→HTMLを編集からheadにMathjax表示用スクリプト
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML' type='text/javascript'/>
とシンタックスハイライト表示用スクリプト
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/styles/monokai-sublime.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js'/>
<script>
hljs.initHighlightingOnLoad();
</script>
を追記しています。
StackEditからBloggerへの投稿方法は以下の記事に従っています。
マークダウンでブログ書きたかったのでBloggerにStackEdit導入してみた
StackEdit4版はGoogleDriveとの提携はせず直接ブラウザで書いてPublishしています。
自分で試したこと
Mathjaxの\( \)
, \[ \]
で囲うバージョンだとStackEditからは認識されないため記号をエスケープしたりマークダウン表記と干渉しないようにする必要がありますが、
のように正しく表示されます。(LaTeXコマンドがイタリックになっていますが。)
Mathjax読み込みは https://oku.edu.mie-u.ac.jp/~okumura/javascript/mathjax.html に習い
<script>
MathJax = {
chtml: {
matchFontHeight: false
}
};
</script>
<script id="MathJax-script" async
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js">
</script>
に変更してもみましたが変化ありませんでした。
自分で試した結果は
StackEdit5から: https://ykst51.blogspot.com/2020/10/stackedit5-test3.html
StackEdit4から: https://ykst51.blogspot.com/2020/10/hello_20.html#mathjax
のようになっています。