スポンサーリンク

MathJax-LaTeX【初心者必見】ブログで数式をキレイに表示するプラグイン!

MathJax-LaTeX

こんにちは。ねこの数式のnanakoです。

ブログを書いていると、数式をキレイに表示したいな~って思うことありませんか?

1/2、√5 など、頑張って書いているブログが数式がキレイに書けないせいで、ちょっと残念な見た目になってしまうことありますよね?

そんなときは、『MathJax-LaTeX』というプラグインが便利です。

さきほどの 1/2、√5 は、MathJax-LaTeX を利用すると、\(\displaystyle\small \frac{1}{2}\)、\(\small \sqrt{5}\) のようにキレイに表示することができます。さっそく使い方などを見ていきましょう。

スポンサーリンク

MathJax-LaTeXの使い方

MathJax-LaTeXのインストール方法

ダッシュボード > プラグイン > 新規追加 > キーワード「MathJax-LaTeX」と入力して、「今すぐインストール」をクリックしてください。あとは「有効」にするだけです。

コマンド入力と表示について

¥(数式¥)、$$数式$$、¥[数式¥] のいずれかで入力すると、数式をキレイに表示することができます。

注意!

この記事上で表示している「¥」と「$」は画面に表示するために全角で表示しています。実際に使用する際は半角で入力してください。また、画面上で「 \ 」と表示されているものは「¥」を半角で入力したものと考えてください

$$数式$$、¥[数式¥] で表示する方法をディスプレイ数式モード、¥(数式¥) で表示する方法をインライン数式モードといいます。

【ディスプレイ数式モード】使用する際は$を半角で入力してください。

「バファ〇ンの$$ \frac{1}{2} $$は優しさでできている。」は下のような表示になります。

バファ〇ンの$$ \frac{1}{2} $$は優しさでできている。

【インライン数式モード】使用する際は¥を半角で入力してください。

「バファ〇ンの¥( ¥frac{1}{2} ¥)は優しさでできている。」は下のような表示になります。

バファ〇ンの\( \frac{1}{2} \)は優しさでできている。

ディスプレイ数式モードは改行されてしまうのがデメリットで、インライン数式モードでは分数が潰れてしまうのがデメリットですね。

インライン数式モードで分数が潰れてしまうのは、また別の記事の「分数やカッコなどの見た目の変更」で解消する方法を紹介していきたいと思います。

実際に『MathJax-LaTeX』を利用する際は、他にもコマンドを覚えていくことが必要になります。

よく使うものから少しずつ覚えていけると良いと思います。

優先して覚えた方が良いコマンドを下の記事でまとめます。

コメント