橋平礼の電験三種合格講座

過去50年分以上の電験三種の問題を解いて分かった、電験三種は今も昔も変わりません。過去問を解きながら合格を目指しましょう。

MENU

はてなブログへのMathjaxの導入法

 


Mathjaxとは
 電験三種の式をきれいに書こうとすると、画像で入力してもかまわないのですが、修正がし易い、Mathjaxの導入は必要となります。moodleWordPressですこし入力したことがありますが、きれいに見えるのですが、それなりに、くせがあります。数式を書く、Tex(テフ)とほとんど同じ作法で記述することができます。
 x2 よりも $x^2$ の方がきれいに記述できます。平方根なども記述できますので、√3 ではなく $\sqrt{3}$と表現できます。

 

はてなブログへのMathjaxの導入法
 MathjaxはJavascriptで書かれており、なんだか難しいようですが、おまじないをヘッダーに記述(コピペ)するだけで、あとは、記述したい数式を様式に従って記述すれば、ホームページ上に表示できます。Mathjaxは2021年9月時点でv3.2.0となっています。 
(1) ダッシュボードでない場合は「ダッシュボード」をクリックしましょう。

f:id:hashi-rei-channel:20210908142345p:plain

そうすると、左側にダッシュボードが出てきます。
f:id:hashi-rei-channel:20210908142512p:plain 


(2)デザインの設定変更

・デザインをクリックします。

f:id:hashi-rei-channel:20210908142944p:plain

 

上方のスパナマークのカスタマイズをクリックします。

f:id:hashi-rei-channel:20210908143145p:plain

 「ヘッダ」をクリックしましょう。

f:id:hashi-rei-channel:20210908143413p:plain


(3)ヘッダーの変更

下方向にスクロールして「タイトル下」の枠内に書き込みます。

※枠内に記述がある場合は、テキストエディタなどに、あらかじめコピーして、元に戻せるようにして下さい。ここは自己責任でお願いします。

f:id:hashi-rei-channel:20210908143707p:plain

f:id:hashi-rei-channel:20210908144431p:plain

ここから

<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は、$$数式$$は数式が改行して表示されます。

どちらも、$は半角の$です。

 

はてなブログでは使えない関数などもありますので、注意が必要です。