Google Code Prettify

blog とかでソースコードを表示したりよくしますが、そんなとき便利なのがgoogle-code-prettify。
自動でカラーライズしてくれます。

使い方

• ダウンロードprettify-8-Jan-2009.zip


• unzip


• 含まれている prettify.js, prettify.css をどこかにアップロード


• 自分のサイトの HTML に下記コードを記述 (headタグ内)



• <link href="prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="prettify.js"></script>

  
  


• bodyタグに onload="prettyPrint()" を追加


• カラーライズしたいコードを class='prettyprint'属性付で pre か code タグで囲む

こんな風に表示されます。

#!/usr/bin/perl
print "Hello, world!\n";

うーん便利