The Fool In The Valleyの雑記帳

-- 好奇心いっぱいのおじいちゃんが綴るよしなし事 --

はてなブログに数式を書く

はてなブログに数式を書くには、Markdown編集を使ってLaTeXのコードを書けばよいのだが、慣れないと手こずることがある。しかし、便利なソフトウェアやツールが公開されていて、それらを使わせてもらうと戸惑うことなく簡単に目的を果たすことができて大変助けられている。ただ、時偶にしかやらないことなので、やり方を忘れがちである。そこで備忘のためにその方法をまとめておくことにする。


LaTeXのコードを書くにはMathpix社のSnipというソフトウェアを使う。これは手書き、あるいは印刷された数式の画像等から自動的にLaTeXのコードを生成してくれるので便利である。 mathpix.com

生成されるLaTeXのコードはそのままでははてなブログMarkdown編集で使えないので修正する必要があるが、ano3さんのブログ ano3.hatenablog.com で公開されているツールを使わせてもらうとその修正が簡単にできる。


以下に具体的な手順を示す。

  1. 数式の画像を下のようにディスプレイ上に表示する。 f:id:tfitv:20210526170026p:plain

  2. Mathpix Snipを起動し、左上のOCRのマークをクリックする f:id:tfitv:20210526170409p:plain

  3. デスクトップ画面がグレースケールになるがマウスをドラッグすると下のように赤枠が表示されるのでそれを使って目的の数式の範囲を決める。 f:id:tfitv:20210526171055j:plain

  4. 左ボタンを離すと自動的に下のようなMathpix Snipの画面が開き、切り取られた画像、文字認識の結果、それに対するLaTeXのコードが表示される。 f:id:tfitv:20210526171227p:plain

  5. 生成されたLaTeXのコードをコピーする。

  6. LateXはてなブログmarkdown編集用に変換できるツールが下記のブログで公開されているのでアクセスする。 Latexをはてなブログmarkdown形式に変換 - ano3のブログ

  7. 5.でコピーしたLaTeXのコードを上のボックスに貼り付け、インラインかブロックかを選択して「変換」ボタンを押すと下のボックスにmarkdown編集用のコードが生成される。 f:id:tfitv:20210526172340p:plain

  8. 変換されたコードをはてなブログmarkdown編集用エディタに張り付ける。プレビューで確認すると、インラインであれば、 \displaystyle{
a _ {n}=\sum _ {k=1}^ {n} \frac{1}{\sqrt{2 k+1}}
} のように正しく表示されていることが確認できる。


Snipを提供しているMathpix社と有用なツールを公開されているano3さんには改めて謝意を表します。