はてなブログへのMathjaxの導入法
Mathjaxとは
電験三種の式をきれいに書こうとすると、画像で入力してもかまわないのですが、修正がし易い、Mathjaxの導入は必要となります。moodleやWordPressですこし入力したことがありますが、きれいに見えるのですが、それなりに、くせがあります。数式を書く、Tex(テフ)とほとんど同じ作法で記述することができます。
x2 よりも $x^2$ の方がきれいに記述できます。平方根なども記述できますので、√3 ではなく $\sqrt{3}$と表現できます。
x2 よりも $x^2$ の方がきれいに記述できます。平方根なども記述できますので、√3 ではなく $\sqrt{3}$と表現できます。
はてなブログへのMathjaxの導入法
MathjaxはJavascriptで書かれており、なんだか難しいようですが、おまじないをヘッダーに記述(コピペ)するだけで、あとは、記述したい数式を様式に従って記述すれば、ホームページ上に表示できます。Mathjaxは2021年9月時点でv3.2.0となっています。
(1) ダッシュボードでない場合は「ダッシュボード」をクリックしましょう。
(1) ダッシュボードでない場合は「ダッシュボード」をクリックしましょう。
そうすると、左側にダッシュボードが出てきます。
(2)デザインの設定変更
・デザインをクリックします。
上方のスパナマークのカスタマイズをクリックします。
「ヘッダ」をクリックしましょう。
(3)ヘッダーの変更
下方向にスクロールして「タイトル下」の枠内に書き込みます。
※枠内に記述がある場合は、テキストエディタなどに、あらかじめコピーして、元に戻せるようにして下さい。ここは自己責任でお願いします。
ここから
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<script>
MathJax = {
tex: {inlineMath: [['$', '$'], ['\\(', '\\)']],displayMath: [ ['$$','$$']]}
};
</script>
ここまでをコピペして枠内の一番下に貼り付けます。このとき$は全角になっていますので、半角$に変更して下さい。
inlineMathは、$数式$で囲めば文章中に数式が表示できます。
displayMathは、$$数式$$は数式が改行して表示されます。
どちらも、$は半角の$です。
はてなブログでは使えない関数などもありますので、注意が必要です。