ソースコードを載せるのに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 subpreの代わりにscriptタグも使えて、それだと<、>をエスケープしなくてすむ。けどRSSとかでスキップされるよ、と。
コメント
コメントを投稿