KaTeX

はじめに この記事では、「MKDocsでKaTeXを用いて数式表示をする方法」について書いています。 MKDocsで数式も書けると使える場面が増えて便利だなと調べ、以前に紹介しました。 更に調べたところ、以前に紹介したものはMathJaxというエンジンを用いたもので、他にもKaTexというエンジンを用いてMKDocs上で数式を書く方法もあることが分かったので導入の仕方を調べ実際に試してみた結果を記事にしてみました。 自分に向けた備忘録でもありますが、「MKDocsで数式を表示したい」や「MKDocsでKaTeXを使いたい」な人の一助になれば嬉しいです。 要点だけ pip install mar…

準備 とりあえずこれを入れよう markdown lint markdown pdf 最近のvscodeはデフォルトでmath形式びmdファイルもちゃんと表示してくれるらしい 概要 vscode上でmarkdownをプレビューする時に数式を扱えるmarkdown mathやvscode内蔵のビュワーは，内部でkatexを動かしてレンダリングしながら表示しているらしく，またそのkatexはブラウザやサーバーサイドにおいてhtml+cssで完結して動くため，svgを弄ってmathmlを設定するmathjaxよりも更に軽量なアドオンらしく，そしてそのmarkdown pdfはmarkdownからht…

以前ほかのところでMathJaxというのを使っていて、遅くて使い物にならなかった。 そのあとでKaTeXというものを知った。使ったことはないのだが速いらしい。ただ結局画像で済ましていた。 はてブロではどうだろう、と調べてみたらやはり数式の遅さで色々と議論が見つかる。KaTeXを使っているところもあるようだ。 まずscriptタグを動かす。markdownにこう書いてみる。 <script> function greet() { window.alert('Hi!'); } </script> <button onclick="greet()">run</button> 結果は function…

1. KaTex 2. KaTexの導入方法 3. KaTex使用例 4. まとめ 1. KaTex 前回までMathJax3.0の利用法を紹介したが、今回はKaTexについて紹介する。KaTexとはMathJaxと同様にWeb上に数式を表示するJavascriptライブラリであるが、表示が早いことを特徴としている。KaTexの公式サイト KaTeX – The fastest math typesetting library for the webにもMathJaxと比較してレンダリングが早いことを強調している。 atatat.hatenablog.com $(document).ready…