TeXで数式をはてなブログに表示して、Atomでプレビュー

はてなブログの設定

[デザイン]>[カスタマイズ]で設定画面を開き、[記事]>[記事下]と[フッタ]に以下のhtmlを挿入する。

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
    }
  });
</script>

これで$または\(で囲めばMathJaxを利用してTeXを表示できます。

また、中央揃えのときは$$または\[です。

Atomの設定

  1. markdown-preview-plusをインストール

  2. 既存のmarkdown-previewを無効化

  3. markdown-preview-plusのSettingsからEnable Math Rendering By Defaultにチェックを入れる

これでctrl+shift+MTeXMarkdownがプレビューできるようになりました。

感想

ブログをずっとはてなブログで書き続けるという方やライトに書きたい方は[tex:]を使って数式を書いてもいいのですが、他のブログへ引っ越す可能性があったり、Markdownエディタでブログを書こうとしている場合は今回の方法を使った方がいいと思います。自分はブラウザで長い数式を書くのが苦痛だったのでこの方法をとることにしました。