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

ブログで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コマンドの書き方

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


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

\(ここにコマンドを記入\)

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


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

\[ここにコマンドを記入\]

もしくは、

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


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

基本的なLaTeXコマンド

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

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

コマンド例表示結果
\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\)

最後のLaTeXロゴはおまけです。

初めて使いました。笑


コマンドはいろんなサイトでまとめられていますので参考まで↓

http://www.latex-cmd.com

http://www1.kiy.jp/~yoka/LaTeX/latex.html

http://www002.upp.so-net.ne.jp/latex/

まとめ

今回はMathJaxを使って、

ブログ記事にLaTeXコマンドの数式を表示する方法について説明しました。


結局は、<head>タグにMathJaxを紐づけるための簡単なコードを追記するだけです。

とても簡単でしたね。


問題はLaTeXコマンドに慣れることです。

どんどん数式を書いて、慣れていきましょう!

参考

以下の記事が参考になりました。

手書きの数式をLaTeXコマンドに変換するWordPressプラグインなんていうのもあるみたいです。↓

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

ブログカテゴリの最新記事