Mopepe51
@Mopepe51 (雪下)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

StackEdit5からBloggerにPublishするとMathjax数式表示が崩れる

解決したいこと

表題の通り、

$\LaTeX: \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

のように数式を入力するとStackEdit上では

image.png

と正しく表示されるものの、Blogger(Mathjax用のスクリプトはheadに記入してあります。)にPublishすると

image.png

と何故か2回印字される上、\LaTeXコマンドの表示もおかしいです。
また、$$でディスプレイスタイル数式にすると、正しい表示は

image.png

ですがインライン式と同じになってしまいます。
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からは認識されないため記号をエスケープしたりマークダウン表記と干渉しないようにする必要がありますが、

image.png

のように正しく表示されます。(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
のようになっています。

0

No Answers yet.

Your answer might help someone💌