Nov 23, 2013

Syntax Highlighterを導入する




今さらですが、忘備録として。
BloggerにSyntax Highlighterを導入して、投稿内のコードをきれいに表示します。

1. Syntax Highlighterのスクリプトを生成

Way2Bloggingにて、Syntax Highlighter用のスクリプトを生成します。ThemesとBrushes(ハイライトする言語)を選択し、[Generate]を押下。生成されたスクリプトをコピーしておいてください。

2. Bloggerテンプレート内に埋め込み

BloggerのテンプレートをHTMLで編集します。1.でコピーしたスクリプトを貼り付けて下さい。</head> の直前で問題ないはずです。

3. 投稿の対象箇所に細工

投稿をHTMLで編集します。ハイライトさせたい箇所の前後行に、次のような記述を加えます。
 [xxx]はBruchesを入力してください。次のページから確認できます。
 次のコードはC++の例です。

補足

1.で生成したコードをそのまま埋め込んだら、Hilighterの右隅にツールバーが表示されて煩わしいかもしれません。貼り付けたスクリプトの最下部 </script> の直前に次の行を挿入すると表示されなくなります。
 以上です。

0 コメント:

Post a Comment