ブログに数式を書く方法(formula)

ブログに数式を載せる方法をいろいろ探していたら、formulaというサービスがあることを知りました。使い方はこちら。

imgのsrc属性に数式のLaTeX表現をURLエンコードして書かなければいけないのですが、面倒なので、JavaScriptで動的にsrcを生成できるスクリプトを書きました。jQueryを使っています。

<script type="text/javascript" src="http://********/common/jquery.js"></script>
<script type="text/javascript">
	$("#content").ready(function(){
		$(".formula").each(function(){
			var alt = this.getAttribute("alt");
			var v = encodeURI(alt)
			this.setAttribute("src", "http://formula.s21g.com/?" + v + ".png");
			this.setAttribute("border", "0");
			$(this).wrap("<a href=\"http://formula.s21g.com/?" + v + "\" target=\"_blank\"></a>");
		});
	});
	$(function(){
		dp.SyntaxHighlighter.HighlightAll('code');
	});
</script>

jQueryをサーバにアップし、参照できるようにします。上のスクリプトの ****** となっている箇所は適当に書き換えてください。imgのalt属性に数式をLaTeX形式で記述し class="formula" とすれば、自動的にsrc属性を設定し、このformulaの利用条件であるリンクもaタグで囲んで自動的に画像からリンクします。

<img class="formula" alt="e^{i\pi}=-1" />

と書けば、



と表示されます。

→使用例

カテゴリ：テック