MathJaxを使って数式をキレイに表示

MathJaxを使って数式をキレイに表示

サイトで数式を表現したいとき、MathJaxを利用するとキレイに表示できます。




MathJaxで数式表現


\[ax^{2}+bx+c=0\]
\begin{align} \sum_{k=1}^{n}k = 1 + 2 + \cdots + n = \frac{1}{2}n(n+1) \end{align}



MathJaxの利用準備


<head></head>の間に以下のコードをコピペすれば、準備は完了です。

<script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML"></script>



MathJaxの使い方



ブログの記事編集(HTML)で以下のようなLatex形式のコードを記載すると、

\begin{align}
\sum_{k=1}^{n}k = 1 + 2 + \cdots + n = \frac{1}{2}n(n+1)
\end{align}


サイトを表示した際、上のコードから数式に自動変換されます(変換処理に少しだけ時間を要します)

\begin{align} \sum_{k=1}^{n}k = 1 + 2 + \cdots + n = \frac{1}{2}n(n+1) \end{align}


いろいろな数式の表現方法は以下サイト参考に練習予定です。

LaTexコマンド集 http://www.latex-cmd.com/



余談

ブログにコードを表示しようとして半日苦戦。

「SyntaxHighlighter」というコード色分けツールを利用しようしたが、ホスティング先がhttps未対応で適用不可。別のストレージに移すなど対処は方法はあるようですが、今回は断念。

Blogger設定をhttp(HTTPSリダイレクトしない)にすれば特に問題なく利用できます。このサイトはhttpsで継続したいため、コードの色分けは別の手法を探してみます。




もものきロゴ

スポンサーリンク

0 件のコメント :

コメントを投稿