January 6, 2009

Blogger で Syntax Highlighting

明けましておめでとうございます。今年はすっかり寝正月でした。

突然ですが Blogger で手軽に Syntax Highlighting を使えたので書いてみます。
テンプレートのヘッダに下記を追加して

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>


body の onload ハンドラを設定します。

<body onload='prettyPrint()'>


実際のコード部には class 指定した pre タグを使います。

<pre class="prettyprint">

3 comments:

Surgo said...

これ使いたいです!ありがとうございます。

Ian Lewis said...

使えそうだね。

Александр Васильев said...

or rather
pre class="prettyprint lang-py"