MathJax は，WEB で数式を美しく表示させるための，JavaScript ライブラリーです．これを使うと WEB サイトで美しい数式を表示することができます．構文は LaTeX と同一で，LaTeX を使っている人は使い方を調べる必要もないくらいです．Blogger でも MathJax を使うことができます．その設定の詳細は ライブラリー: MathJax に記載があります．ここでは簡単に設定方法と使い方を紹介します．
設定
MathJax を使うためには，テーマの HTML の先頭付近の <head> と </head> の間に以下を記載します．
<script src="https://polyfill.io/v3/polyfill.min.js?
features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.
net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>たったこれだけで，LaTeX 構文が使えるようになります．すると，以下のような数式が記述できます．
\begin{align} f(a)=\frac{1}{2\pi i}\oint\frac{f(z)}{z-a}dz \end{align} \begin{align} \int_D(\nabla\cdot A)dV=\int_{\partial D}A\cdot n dS \end{align}LaTeX の構文は，Bloggerの HTML ビューで記述します．HML ビューは，Blogger のエディターの左上の鉛筆マークをクリックすると選択できます．この二つの数式は，
\begin{align}
f(a)=\frac{1}{2\pi i}\oint\frac{f(z)}{z-a}dz
\end{align}
\begin{align}
\int_D(\nabla\cdot A)dV=\int_{\partial D}A\cdot n dS
\end{align}と Blogger で記述しました．
モバイル設定
デフォルトだとスマートフォンで表示は，整形された数式ではなく LaTeX のコマンドが表示されます．モバイル用の HTML に先の設定を書き込む必要があります．Blogger の場合，モバイル表示の場合の HTML の編集方法がわかりません．そこで，私はスマートフォンでもウェブバージョン表示に変更しました．方法は，次のとおりです．
- メニューボタン > テーマ > のを順番にクリックし，「モバイルの設定」を選択します．
- モバイルテーマを選択で「デスクトップ」を選択します．
- 「保存」をクリックします．
以上で，スマートフォンでもウェブバージョンで表示されます．
0 件のコメント:
コメントを投稿