Haskell勉強会

関数型プログラミングの学習日記

はてなブログでLaTeXの数式を書く方法

はてなブログLaTeXの数式を書く方法を調べてみました。

「MathJax」というJavaScriptライブラリーを利用する方法が多いみたいですね。

 

 

参考情報

ja.wikipedia.org

 

www.google.com

 

cartman0.hatenablog.com

 

  1. MathJaxのJavaScriptライブラリーをCDN経由でブログのページに読み込む。
  2. LaTexの記法で数式を書く。

 

基本的には、この手順だけでOKでした。

 

MathJaxのCDNのリンクURL

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML" async="" type="text/javascript"> </script>

 

上記のJavaScriptコードでも動きますが、公式サイトでURLの変更がお知らせされていたので、以下のように変えてみます。

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.6/MathJax.js?config=TeX-MML-AM_CHTML" async="" type="text/javascript"> </script>

 

cdn.mathjax.orgのURLは2017年4月をもって廃止されたそうです。

 

www.mathjax.org

 

Alternative CDN providers

We recommend cdnjs which also uses CloudFlare for delivery (and on the higher “enterprise” level!).

<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?...">
</script>

 

CloudFlareで配布されているMathJaxの最新バージョンは、以下のページで確認できます。

 

cdnjs.com

 

ここではCloudFlareのリンクをブログのヘッダーやフッター、Webページ内に貼りつけてみます。

 

どこにCDNのリンクを埋め込むか?

  • ヘッダーやフッターに貼り付ける場合は、はてなブログのデザイン設定でコードを貼り付けることができます。
  • 毎回記事を書くとき、数式を書くほど利用頻度が高ければ、ヘッダーやフッターに仕込んでおくと良いでしょう。
  • ときどきしか出番がなければ、記事ページの先頭にでも埋め込んでおけば良いと思います。

 

LaTeXコードの埋め込み

LaTeXの記法で数式を書いて、前後を「$$」で囲みます。

 


$$
y = ax^2 + bx + c
$$

 

$$ y = ax^2 + bx + c $$

 


$$
f(x) = \int x dx
$$

 

$$ f(x) = \int x dx $$

 


$$
e^{j\pi} + 1 = 0
$$

 

$$ e^{j\pi} + 1 = 0 $$

 


$$
\begin{eqnarray}
\frac{\pi}{2} &=& \left( \int_{0}^{\infty} \frac{\sin x}{\sqrt{x}} dx \right)^2
\\ &=& \sum_{k=0}^{\infty} \frac{(2k)!}{2^{2k}(k!)^2} \frac{1}{2k+1}
\\ &=& \prod_{k=1}^{\infty} \frac{4k^2}{4k^2 - 1}
\end{eqnarray})
$$

 

$$ \begin{eqnarray} \frac{\pi}{2} &=& \left( \int_{0}^{\infty} \frac{\sin x}{\sqrt{x}} dx \right)^2 \\ &=& \sum_{k=0}^{\infty} \frac{(2k)!}{2^{2k}(k!)^2} \frac{1}{2k+1} \\ &=& \prod_{k=1}^{\infty} \frac{4k^2}{4k^2 - 1} \end{eqnarray}) $$

 

こんなかんじに表示されます。

 

これで数式をはてなブログに書けるようになりました。

 

 

[改訂第7版]LaTeX2ε美文書作成入門

[改訂第7版]LaTeX2ε美文書作成入門

 

 

LaTeX2ε辞典 増補改訂版 (DESKTOP REFERENCE)

LaTeX2ε辞典 増補改訂版 (DESKTOP REFERENCE)