はてぶで数式(tex)がうまく表示されない時に確認したいこと

はてぶで数式書く時にTexがあまりにも使えなさすぎて備忘録として。

数式を書く

ブログ内で数式を書く場合、以下のように書くと数式が表示される。

\begin{align}
e^{i\pi} = -1
\end{align}

\begin{align} e^{i\pi} = -1 \end{align}

ただし、記事内で一度しか有効にならないので、基本的には[tex:] で囲う。

改行する(\\\)

バックスラッシュを3つにしないと改行されず

[tex: 1 + 2 = 3 \\\ 4 + 5 = 9]

 1 + 2 = 3 \\ 4 + 5 = 9

イコールを揃える

&の記号が使えないので<pre>~</pre> で囲う

preで囲うだけだと枠が表示され、文字サイズが小さくなる場合があるので、スタイルとして style="border: none; font-size: 100%;"を指定する

<pre  style="border: none; font-size: 100%;">
[tex:
\begin{align} 
f(x) &= x^2+3x+2 \\ 
&= (x+1)(x+2) 
\end{align}
]
</pre>
[tex:
\begin{align} 
f(x) &= x^2+3x+2 \\ 
&= (x+1)(x+2) 
\end{align}
]

数式を真ん中に揃える

数式を書くだけだと左詰めにされる。真ん中に揃えたい場合は <div align="center"> を使う

<div align="center">
[tex:
  e^{i\pi} = -1
]
</div>

  e^{i\pi} = -1

[] を使う

[が数式の領域を表すメタ文字として使われているのでtexとして使う場合二重でエスケープしなければならない

[tex: \sqrt\\[3\\]{2}]

 \sqrt[3]{2}

<pre> を使う場合は一度のエスケープで良い

<pre style="border: none; font-size: 100%;">
[tex: \sqrt\[3\]{2}]
</pre>
 \sqrt[3]{2}

まとめ

はてぶで数式を書く時に引っかるポイントと回避する方法についてまとめた。 他にも地雷がいっぱいあるのではてぶで数式書くのはオススメしない。。。