ブログにソースコードをキレイに表示する「SyntaxHighlighter」

ブログにプログラムのソースコードを貼り付けたときに、
構文などを色分けしてキレイに表示してくれる「SyntaxHighlighter」

ここ(http://alexgorbatchev.com/SyntaxHighlighter/download/)から
ダウンロードしてきたCSSとJavaScriptのファイルから、
必要な言語に対応したファイルを、ブログにアップロードしてHTMLのヘッダで以下のように参照します。
（参照パスは、環境に合わせて変更して下さい。）

あとはソースコード部分を、<pre class="brush:ソースの言語">ソースコード</pre>
でくくれば、キレイに表示してくれます。

ただし、Bloggerはファイルのアップロードができないため、テンプレートの
HTMLに必要な分を、直接貼り付けるとかしないとダメかなと思ってましたが、

Syntax Highlighter Scripts Generatorを使えば、Bloggerでも簡単に使用出来ました。
↑ここで、必要な言語にチェックを入れて、Generateをクリックすると、
HTMLのlinkタグとscriptタグが生成されます。

生成されたHTMLをテンプレートのheadタグの中に貼り付ければ、
公開されているJavaScriptとCSSが参照できるため、preタグをつければ
キレイに表示してくれます。

ただ、たまに重いことがあるのでできれば自分でアップロードした方がいいと思います。

ここはアップロードできないので、そのうち時間があったら他の方法を考えてみたいと思います。