Bloggerにてソースコードを載せる方法

本サイトではソースコードを整形して載せていますが、このスタイルは既存のものを流用しています。

• SyntaxHighlighter

と呼ばれるもので、以前はBloggerでSyntaxHighlighterを使うためのウィジェットを使ってましたが、古いバージョンにしか対応しておらず、また現在は簡単にできるようなので、今回から新しく導入すると共に、その方法を紹介します。
まず、下記のJavaScriptコードを、BloggerのレイアウトからJavaScriptガジェットとして埋め込んでください。

上記で重要になってくるのは、

• テーマ設定ファイル（shThemeXXXX.css）
• ブラシ設定ファイル（shBrushYYYY.js）

の指定です。XXXXやYYYYのところはいろいろなバリエーションがありますので、自分にあったテーマや言語を読むこむようにしてください。（多くするとロードが遅くなります）

これを埋め込んだ後、ブログの本文のソースコードのところを下記のようにpreタグで囲みます。

※ここにソースコードを書く

brush:の右側のところは記載する言語を書きます。このあたりの書き方は本家サイトにあるので探してみましょう。他にもいろいろなオプションがあるので試してみましょう。