ブログデザイン備忘録 ～tex image link generatorによるTeX数式
本ブログでは、はてなブログ上にTeXの数式を表示する方法として以下を紹介してきた。１つ目ははてなブログの機能であるTeX記法、
２つ目、３つ目ははてなブログに関わらずWeb上にTeX数式を表示するMathJaxやKaTeXをページ上にロードして利用する方法になる。
そして４つ目の方法として以下で取り上げられているtex image link generator （以下記事の作者がツール作成）を利用する方法が紹介されている。
以下にアクセスして、表示したい数式のTeXコードを記入し、スタイルとしてdefault/inline, サイズ(M/L/2L/3L/4L/5L)を選択してctrl+enterとするとHTMLとMarkdownのコードが表示される
https://tex-image-link-generator.herokuapp.com/
例えば
f(x)=\frac{\sin x}{x}
とすると以下のHTMLコードが表示されるので、コピー＆ペーストで記事に貼り付ける。
<img src= "https://render.githubusercontent.com/render/math?math=%5Clarge+%5Cdisplaystyle+f%28x%29%3D%5Cfrac%7B%5Csin+x%7D%7Bx%7D" alt="f(x)=\frac{\sin x}{x}">
上記のHTMLコードを貼り付けると以下のように表示される。
同様に以下のmarkdownもコピー＆ペーストで記事に貼り付けることができる。
上記のmarkdownコードを貼り付けると以下のように表示される。
もともとTeX数式を直接表示できないNoteやGithub用に開発した経緯があるが、はてなブログでもTeX記法を使わなくてもよいというメリットもあるようだ。
