はてなブログでLaTexを使って数式を書く方法

LaTexで数式を表示させるのに30分くらい引っかかってしまったが、

1. デザイン設定でMathJaxのCDNのリンクURLを読み込む
2. 編集をMarkdownモードに切り替える
3. 数式を書く

の順番でやっていけば良いことがわかった。

デザイン設定でMathJaxのCDNのリンクURLを読み込む方法

MathJaxのCDNリンクは

 <script>
MathJax = {
  tex: {inlineMath: [['$', '$'], ['\\(', '\\)']]}
};
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>

をコピーして、ペーストすればいい。

どこにペーストすればいいかと言うと、

1. ブログ管理画面の左サイドバーの「デザイン」をクリック
2. 左サイドバーの「カスタマイズ」アイコンをクリックしてタブを切り替える
3. リスト内の「記事」→ 「記事下」の入力欄にペースト

でOK。 これだけだとスマホで数式が表示されないので、 「デザイン」→ 「スマートフォン」→「記事上下のカスタマイズ」→「PCと同じHTMLを表示する」にチェック を行う。

編集をMarkdownモードに切り替える

こちらは以下の手順でできる

1. ブログ管理画面の左サイドバーの「設定」をクリック
2. 基本設定タブの、編集モードでMarkdownモードを選択

数式を書く

あとは記事内で

$$ \frac{1}{x} $$

などと書き、プレビュータブをクリックして

$$ \frac{1}{x} $$

と表示されていればOK

インラインで数式を書きたい場合は、\$と\$で囲えばOK。

てすと$\frac{1}{x}$てすと

てすと$\frac{1}{x}$てすと

beginで始まるものは、pタグで囲むと表示できた。

例：テイラー展開

<p>
\begin{eqnarray}
f(x) &=& \sum_{k=0}^{\infty} \frac{f^{(k)}(a)}{k!}(x-a)^k \\
&=& f(a) + \frac{f'(a)}{1!} (x - a) + \frac{f''(a)}{2!} (x - a)^2 + … + \frac{f^{(k)}(a)}{k!} (x - a)^k + …
\end{eqnarray}
</p>

\begin{eqnarray} f(x) &=& \sum_{k=0}^{\infty} \frac{f^{(k)}(a)}{k!}(x-a)^k \\ &=& f(a) + \frac{f'(a)}{1!} (x - a) + \frac{f''(a)}{2!} (x - a)^2 + … + \frac{f^{(k)}(a)}{k!} (x - a)^k + … \end{eqnarray}

おしまい