つれづれなる備忘録

日々の発見をあるがままに綴る

ブログデザイン備忘録 ~tex image link generatorによるTeX数式

f:id:ATATAT:20211225204403p:plain:w500

本ブログでは、はてなブログ上にTeXの数式を表示する方法として以下を紹介してきた。1つ目ははてなブログの機能であるTeX記法、

atatat.hatenablog.com

2つ目、3つ目ははてなブログに関わらずWeb上にTeX数式を表示するMathJaxやKaTeXをページ上にロードして利用する方法になる。

atatat.hatenablog.com

atatat.hatenablog.com

そして4つ目の方法として以下で取り上げられているtex image link generator (以下記事の作者がツール作成)を利用する方法が紹介されている。

aotamasaki.hatenablog.com

以下にアクセスして、表示したい数式の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コードを貼り付けると以下のように表示される。

f(x)=\frac{\sin x}{x}

同様に以下のmarkdownもコピー&ペーストで記事に貼り付けることができる。

![f(x)=\frac{\sin x}{x}](https://render.githubusercontent.com/render/math?math=%5Clarge+%5Cdisplaystyle+f%28x%29%3D%5Cfrac%7B%5Csin+x%7D%7Bx%7D)

上記のmarkdownコードを貼り付けると以下のように表示される。

f(x)=\frac{\sin x}{x}

もともとTeX数式を直接表示できないNoteやGithub用に開発した経緯があるが、はてなブログでもTeX記法を使わなくてもよいというメリットもあるようだ。