こちらを参考に、「ブログにタグクラウドを追加してみた」の記事のソースコードの表示を、 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>

既に公開した記事のソースコード表示も含め、順次置き換えていこうと思う。