はてなブログでの数式を含んだ記事の書き方
はてなブログでLaTeXが使えると聞いて、始めてみたものの最初はなかなかうまくいかなかった。調べても解決法をすぐには見つけられなかったが、ようやくうまくいく方法を見つけたのでメモしておく。
僕がした失敗
まず、僕が書きたかったものをここに示しておく。
最初は見たままモードで試行錯誤していた。
[tex:\displaystyle{(LaTexのコード)}]
で数式が書けると聞いていたので見たままモードに
[tex:\displaystyle{
\boldsymbol{A} = \left(
\begin{array}{cccc}
a_{11} & a_{12} & \ldots & a_{1n} \\
a_{21} & a_{22} & \ldots & a_{2n} \\
\vdots & \vdots & \ddots & \vdots \\
a_{m1} & a_{m2} & \ldots & a_{mn}
\end{array}
\right)
}]
とかいてプレビューを見てみたが、が太字になってくれなかったり、そもそも等式にならなかったりと散々だった。
その後ググりながらいろいろやってみたが、全くうまくいかないのでMarkdownモードを試してみることにした。
Markdownは使ったことがなかったが、書き方がシンプルだったので（少なくとも普通の文書を書く時には）なんとかなりそうだと思った。
そして、上のコードをMarkdownモードで入れてみた。すると以下のように表示された。
[tex:\displaystyle{ \boldsymbol{A} = \left( \begin{array}{cccc} a{11} & a{12} & \ldots & a{1n} \ a{21} & a{22} & \ldots & a{2n} \ \vdots & \vdots & \ddots & \vdots \ a{m1} & a{m2} & \ldots & a_{mn} \end{array} \right) }]
全くうまくいっていない。
見つけた解決策
もうあきらめようかと思っていたが、グーグルで解決策を探していると以下の記事を見つけた。
このブログで、コードを
<div>コード</div>
のように挟むという解決策が紹介されていた。 その通りに以下のコードをMarkdownモードで入力してみた。
<div>
[tex:\displaystyle{
\boldsymbol{A} = \left(
\begin{array}{cccc}
a_{11} & a_{12} & \ldots & a_{1n} \\
a_{21} & a_{22} & \ldots & a_{2n} \\
\vdots & \vdots & \ddots & \vdots \\
a_{m1} & a_{m2} & \ldots & a_{mn}
\end{array}
\right)
}]
</div>
すると冒頭に示したように、以下のような出力がされた。
書きたいものを書くことができた。このブログの人には本当に感謝したい。 ブログに数式を書こうと思ったが、同じ問題で躓いてしまった人の助けになれば幸いである。
結論
texコードは
<div></div>
でかこめ。
追記
数式を中央寄せしたいときは
<div align="center">[tex:\displaystyle{
\boldsymbol{v}=\frac{d\boldsymbol{r}}{dt}
}]</div>
のように書けば
と表示される。
参考：
7shi.hateblo.jp
