BloggerでCSS、Javascriptを使う

ソースコードを載せるのにSyntaxhighlighterを使いたい。CSSとJavascriptを使う方法メモ。

• BloggerのHelpを検索したら「GoogleSitesのファイルキャビネットに置けるよ」と。別にほかの場所でもよさそうだけど、とりあえず従う。
• Googleサイトにサイトを作り、ページ新規作成(「ファイルキャビネット」として)。
• Syntaxhighlighterをダウンロード、展開し、script/shCore.js と (今回使いたい)script/shBrushVb.js をアップロード。
• Bloggerの管理画面 ＞ 設定 ＞ 投稿とコメント ＞ 投稿テンプレート に下記コードを書いて保存。
• CSSは、管理画面 ＞ テンプレート ＞ カスタマイズ ＞ アドバンス ＞ CSSを追加 にコピペ(styles/shCore.css と shThemeDefault.css)

<script type="text/javascript" src="https://sites.google.com/site/anarchistraw001/js/shCore.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/anarchistraw001/js/shBrushVb.js"></script>
<script type="text/javascript">
     SyntaxHighlighter.all()
</script>

実際にハイライトしたい箇所は

<pre class="brush: vb">
public sub main()
  Dim a as String
  a = "aaa"
end sub
</pre>

のように書くとこうなる

public sub main()
  Dim a as String
  a = "aaa"
end sub

preの代わりにscriptタグも使えて、それだと<、>をエスケープしなくてすむ。けどRSSとかでスキップされるよ、と。