こちらを参考に、「ブログにタグクラウドを追加してみた」の記事のソースコードの表示を、 prism にしてみた。
code-prettify と違い、 php にも対応しているので使いやすい。関数名に好きな色をつけたいと思って SyntaxHighlighter はどうかと試していたところだったので、ちょうどよかった。(ちなみに、 SyntaxHighlighter はいろいろなサイトの記事を参考に設置を試みたが、当サイトではどうやっても表示させることができなかった。)
導入はとても簡単で、 prism のサイトで使用する言語やプラグイン、テーマを指定し、 prism.css と prism.js をダウンロードしたら、 <head> ~ </head> の間で prism.css を下のように読み込み、
<link rel="stylesheet" href="prism/prism.css"/>
次に、 </body> の直前で、 prism.js を下のように読み込むだけだ。
<script src="prism/prism.js"></script>
既に公開した記事のソースコード表示も含め、順次置き換えていこうと思う。