はてなブログで SyntaxHighligher を使う

はてなブログで SyntaxHighligher を導入したくなったので導入してみた
以下、最短で“とりあえず” SyntaxHighligher を導入するための最低限の手順

まずはダウンロード
SyntaxHighlighter の download ページからZipファイルをダウンロードする
何も考えずに最新版を選択（この記事を書いてる時点での最新版はver.3.0.83だった）

ダウンロードしたファイルを解凍してみると色々とフォルダがあってたくさんファイルがあるんだけど
styles フォルダ内の

scripts フォルダ内の

最低限必要なのはこの４個のファイル
（shBrush○○○.jsはshBrushPhp.jsなど自分が使う言語のファイル）

はてなブログの場合、ファイルをアップロードできないからcssファイルもjsファイルもペタペタとコピペ

はてなブログの管理画面からデザイン > カスタマイズ > デザインCSS
ここへshCore.cssの内容をコピペ
同様にshCoreDefault.cssの内容もコピペ

javascriptファイルはサイドバーにコピペ

はてなブログの管理画面から
デザイン > カスタマイズ > サイドバー > モジュールを追加 > HTML
shCore.jsの内容をコピペ
shBrush○○○.jsの内容をコピペ
初期化のための記述（以下のコード）をコピペ

/** initialize */
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();

javascriptの記述なので最後にとscriptタグで囲めば終わり。簡単だー。

実際に使う時はこんな感じ

<pre class="brush:python">
    print "hello world"
</pre>

家鴨さんの眼鏡