Webで数式を使うならMathJax。試しに使ってみます。
はてな記法には、数式を表示する機能があります。例えば
[tex:y=x^2]
と書くとと表示されます。が、ぼやけて見にくいですね。
はてなブログでは記事中にscriptタグを書けるのでMathJaxが使えます*1。例えば
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
というコードを書いておいて
\(y=x^2\)
と書くことで\(y=x^2\)となります。この方が綺麗ですし文字もコピーできます。
オプションも多様で挟む記号を変えたり
http://docs.mathjax.org/en/latest/options/tex2jax.html
読み込み時に左下に表示されるボックスを非表示にできたり
http://www.mathjax.org/docs/1.1/options/hub.html
します。このページでは後者の
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ messageStyle: "none" }); </script>
を追加して読み込み時に左下に表示されるボックスを非表示にしてあります。