ソースコードをメモ代わりにブログに載せることがあるので、prettifyを使って、ソースコードをきれいにハイライト表示させることにしました。
google-code-prettifyのサイトから
prettify-21-May-2009.zipをダウンロードして、展開
展開してできたsrcフォルダをprettifyに変更して、FTPでブログ(Movabletypeのディレクトリ)にアップしました。
設定方法
ブログの各テンプレートに追加して、ブログを再構築します。
ヘッダのテンプレートへ追加
headタグ内に下記のソースを追加
<script src="src/prettify.js" type="text/javascript"></script>
<link href="src/prettify.css" rel="stylesheet" type="text/css"/>
ヘッダのテンプレートへ追加
bodyタグの前に下記のソースを追加
<body onload="prettyPrint()">
ブログ上でのソースの書き方
<pre class="prettyprint">ここにソースコード</pre>
