コードをハイライトする「Code Prettify」ウィジェット

久しぶりに、新しいウィジェットを作成してみました。

参考にしたのはこちらです。

• すぐに忘れる脳みそのためのメモ: Blogger でソースコードに色付けをする - google-code-prettify
• Learning Log Book: Bloggerでシンタックス・ハイライト

今回のウィジェットは、ブログ内でコードを紹介するときに、自動的にハイライト表示するためのもの。Google の Code Prettify というツールを利用しています。Code Prettify で実際にどのようにコードが色分けされるのかは、デモページをご覧下さい。

導入方法

下の「Add to Blogger」をクリックすると、「ページ要素を追加」画面が開きます。ウィジェットを追加するブログを選択して、タイトルは空欄のまま、「ウィジェットを追加」ボタンを押してください。手順はこれだけです。

利用方法

投稿内で、色分けの対象にしたいコードを

（コード）

のように記述するだけ。

< や > をコードとして表示したい場合には、それぞれ <、> に書き換えてください。面倒だという人は、下の変換ツールをどうぞ。

http://www.kuribo.info/2008/04/code-prettify.html

ということで、ぜひぜひご利用くださーい。