はてなブログで Tex 記法が崩れる問題

概要

数学の復習をしたい → はてなブログは数式が書けるはずだ → ググってみるとどうやら [tex: ] という記法を使うらしい。→ うまく表示されないよ！という話。

結論： <div></div> で囲むとうまくいく。

うまくいく場合

例えばこのように書いてみる： [tex: ∀ε > 0, ∃N∈\mathbb{N} ]

　 ∀ε > 0, ∃N∈\mathbb{N}

上記のように問題なく表示されている。

このときページソースはこの形。

<script type="math/tex" id="MathJax-Element-1">
 ∀ε > 0, ∃N∈\mathbb{N} 
</script>

うまくいかない場合

しかしこのように書いてみると： [tex: | a_n - \alpha | < ε ]

| a_n - \alpha | &lt; ε

上記のようにうまくいかない。

このときページソースはこの形。< がなぜか &lt; と HTML エスケープされてしまっている。

<script type="math/tex" id="MathJax-Element-2">
 | a_n - \alpha | &lt; ε 
</script>

div で囲うと大丈夫

はてなブログで数式（Markdown） - エフアンダーバー を読んで回避策を見つけることができた。<div> で囲むとよいらしい。

<div style="margin: 1em">[tex: | a_n - \alpha | < ε ]</div>
| a_n - \alpha | < ε

正常に表示された。

あらためて

書きたかったのは ε\text{-}N 論法。

<div style="padding: 1em">
[tex: \displaystyle {
∀ε > 0, ∃N∈\mathbb{N}
 \ \ s.t. \ \ 
∀n ∈ \mathbb{N},n \geq N \Rightarrow  | a_n - \alpha | < ε
}]
</div>
∀ε > 0, ∃N∈\mathbb{N} \ \ s.t. \ \ ∀n ∈ \mathbb{N},n \geq N \Rightarrow | a_n - \alpha | < ε

うまく出力できた。これで数学関係のメモもブログに書けるだろうか。

そもそも Tex 記法がさっぱりなのでそれも勉強しないといけない。