はてブロで数式とか

以前ほかのところでMathJaxというのを使っていて、遅くて使い物にならなかった。そのあとでKaTeXというものを知った。使ったことはないのだが速いらしい。ただ結局画像で済ましていた。はてブロではどうだろう、と調べてみたらやはり数式の遅さで色々と議論が見つかる。KaTeXを使っているところもあるようだ。

まずscriptタグを動かす。markdownにこう書いてみる。

<script>
function greet() {
    window.alert('Hi!');
}
</script>
<button onclick="greet()">run</button>

結果は

動いた。

KaTeXのGitHubに行くと、テンプレートのscriptタグが書いてあるので、はてなブログの[設定] > [詳細設定]を開いて少しスクロールしたところにある「headに要素を追加」にそのスクリプトを追加する。あとはmarkdownに

その時
$$F=G$$
は動いた。

と書いてやれば、

その時 $$F=G$$ は動いた。

となる。調べているとどうやら、はてなブログの、記事中のキーワードが自動でリンクに変換される機能がKaTeXの変換よりも先に動いてしまってうまく変換されない場合があるようだ。回避策など色々とあるようだが、なんとなく仕様に依存しすぎるという気がする。これは使ってみて考えるのが良いか。