数式したい（KaTeX）

 1[project]
 2extra_javascript = [
 3    "javascripts/katex.js",  # docs/javascripts/katex.jsに作成
 4    "https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.js",
 5    "https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/contrib/auto-render.min.js",
 6]
 7
 8extra_css = [
 9    "https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css",
10]
11
12[project.markdown_extensions]
13pymdownx.arithmatex.generic = true

 1// docs/javascripts/katex.js
 2document$.subscribe( ( {body} ) => {
 3    renderMathInElement(body, {
 4        delimiters: [
 5            { left: "$$", right: "$$", display: true},
 6            { left: "$", right: "$", display: false},
 7            { left: "\\(", right: "\\)", display: false},
 8            { left: "\\[", right: "\\]", display: true},
 9        ],
10    })
11})

KaTeXは、ウェブ上で数式を表示するためのJavaScriptライブラリです。 zensical.tomlのextra_javascriptとextra_cssに設定を追加することで、Zensicalでも使うことができます。

プロジェクト内にkatex.jsを作成して、renderMathInElementを呼び出すことで、ページ内の数式を自動的にレンダリングできるようにします。

リファレンス