ブログでLaTeXコマンドの数式を表示する方法

こんにちは、えびかずきです！

今回はブログでLaTeXコマンドの数式を表示する方法についてです。

最近ブログで数式を書く機会が多くなってきたので、

自分のためにも備忘録として方法をまとめておこうと思います。

環境

ブログプラットフォーム：WordPress5.4

テンプレート：LionMedia（無料）

ブログ記事に数式を表示する方法は、いくつかありますが、

私の場合は、

MathJaxを使ってLaTeXコマンドの数式を表示しています。

使用方法はいたって簡単で、
以下のコードをページの<head>タグ内に追記するだけです。

https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML

あとはこの状態で記事にLaTeXコマンドの数式を書けばOK。

終わりです。簡単でしたね。

直接HTMLのコードをいじりたくない方は、

WordPressのプラグインを使ってコードを追記する方法があります。

Head, Footer and Post Injectionsというプラグインで、

<head>ダグへの追記が簡単にできます。

手順は以下のとおりです。

①WordPressのプラグインを追加からHead, Fodder and Post Injectionをインストールする。

②設定からHead, Fodder and Post Injectionの設定を開いて、

下図の枠内に、挿入したいコードを記入すればOKです。

これで設定は完了。

私も場合もこの方法でコードを追記しています。

記事中にLaTeXコマンドを書くには、以下の２パターンがあります。

文章と同じ行内に数式をいれる場合：

\（ここにコマンドを記入\）

※逆スラッシュはalt+¥で記入できます。

数式のみで一行使う場合：

\［ここにコマンドを記入\］

もしくは、

＄＄ここにコマンドを記入＄＄

要するに開始記号と終了記号で挟むという、ただそれだけです。

よく使うコマンドをまとめました。

はじめはコマンドに慣れるのが難しいですが、使っているとだんだん覚えてきます。

コマンド例	表示結果
\dfrac{a}{b}	\(\dfrac{a}{b}\)
e^x	\(e^x\)
x_i	\(x_i\)
\sum_i^n	\(\displaystyle\sum_i^n\)
\prod_i^n	\(\displaystyle\prod_i^n\)
\int_a^b	\(\displaystyle\int_a^b\)
\overline x	\(\overline x\)
\displaystyle	標準の表示形式に戻す \(\sum_i^n→\displaystyle\sum_i^n\)
\LaTeX	\(\LaTeX\)