\(\KaTeX\)を入れてみた

このWeb(blogspot)上で数式を表現するためのツールとして,\(\KaTeX\)を導入してみた.

\begin{equation} \textsf{数式例}\hspace{1em} f = \frac{1}{2 \pi \sqrt{LC}} \hspace{1ex}\text{Hz} \end{equation}

手っ取り早くは,{投稿,ページ}作成画面をHTMLビューにして https://katex.org/docs/browser のStarater templateにある<head>...</head>の内側のコードを貼り付け,作成ビューに戻せば(戻さなくてもいいけど)その{投稿,ページ}で\(\KaTeX\)が使えるようになる.

本格的にはbloggerの テーマ > カスタマイズ > HTMLを編集 を開いて,<head>...</head>内にStarater templateの<head>...</head>内側コードを一部修正したものを貼り付けば,全体にわたって\(\KaTeX\)による数式作成ができるようになる.

修正したコードは次のとおり:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+" crossorigin="anonymous"/>

<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" integrity="sha384-7zkQWkzuo3B5mTepMUcHkMB5jZaolc2xDwL6VFqjFALcbeS9Ggm/Yr2r3Dy4lfFg" crossorigin="anonymous"/>

<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/contrib/auto-render.min.js" integrity="sha384-43gviWU0YVjaDtb/GhzOouOXtZMP/7XUzwPTstBeZFe/+rCMvRwr4yROQP43s0Xk" crossorigin="anonymous" onload="renderMathInElement(document.body);"/>

(“</script>”を削除して各タグ末尾を“/>”に変更しただけ)

しばらくはこれで様子見をして,不都合が出るようならMathJaxに乗り換えようかしら.