2012年1月10日火曜日

Bloggerでソースコードをきれいに表示

Bloggerでソースコードをきれいに表示させるために,nouzui2007さん和泉さんのblogを参考にgoogle-code-prettifyを導入.

<導入方法>
1) Bloggerの「デザインページ」->「HTMLの編集」に移動
2) headタグに以下のタグを追加
&ltlink href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css' /&gt
&ltscript type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"&gt&lt/script&gt

3) bodyタグにonloadイベントを追加
&ltbody onload="prettyPrint()"&gt

4) ソースコードを以下のタグで囲む
&ltpre class="prettyprint"&gt&lt/pre&gt


ただし,htmlの特殊記号&lt,&gtなどは,&lt,&gtと記述する必要があるようだ.