2012年1月8日日曜日

ハイライト表示

SyntaxHighlighter を使ってBlogger(blogspot.com)でハイライト表示をするための設定メモ。


  1. こちら のサイトにある HOW TO INSTALL SYNTAX HIGHLIGHTER IN BLOGGER? に従って [GENERATE SCRIPTS] ボタンを押します。
  2. テーマを選択して、利用するブラシにチェックを入れます。
  3. [Generate] ボタンを押して、生成される <link>タグと <script>タグをコピーしておきます。
  4. Bloggerの編集メニューで、
[テンプレート]

[HTML編集]

(「直接 HTML を編集すると、一部の機能の動作に影響…」と言われるけど)[続行]
  1. <head> の直後に先ほどコピーした <link>タグと <script>タグを貼り付けて [テンプレートを保存]。

あとはブログ記事の中で
<pre class="brush: js">
</pre>
と書けばおっけーです(o'ヮ'o)

0 件のコメント:

コメントを投稿