クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

> | | | > 「Blogger Syntax Highlighter」を Perl 対応にする方法

「Blogger Syntax Highlighter」を Perl 対応にする方法



以前、ブログに載せたコードにハイライトをつけるウィジェット「Blogger Syntax Highlighter」というものを紹介しました。

これに関して書かれたエントリにこんな記述が。

これは良い感じです^^
Perl が対応していないのは、PHP で無理やり対応させることにしようかな♪

対応言語表を見てみると、たしかに Perl は載っていませんね。
…ということで、Perl のコードもハイライトさせる方法はないのかな?と探してみたところ、見つけたのがこちらのページ。

こちらを参考にしながら、導入の手順をまとめておきます。


導入手順

1.まず「Blogger Syntax Highlighter」ウィジェットをブログに追加します。前回の記事を参考にしてください。※Firefox でウィジェットの追加に失敗する場合は、別のブラウザでも試してみてください。

2.Blogger の管理画面「レイアウト > ページ要素」から「Blogger Syntax Highlighter」ウィジェットの「編集」リンクをクリックします。

3.「コンテンツ」欄の一番最後
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
--></script>
というコードの直前に
--></script>
<script src="http://beardendesigns.com/javascripts/shBrushPerl.js" type="text/javascript"></script>
<script type="text/javascript"><!--
を挿入して、「保存」ボタン。

おまけ.好みかもしれませんが、ついでに「編集」リンクからウィジェットのタイトルを消しておくと、ブログの見た目を変えずにハイライト機能がつけられていい感じです。


使い方

ブログへのコードの掲載は
<pre name="code" class="perl">
(コード)
</pre>
という風に、表示させたいコードを特別な pre 要素に入れて投稿します。
その他、「Blogger Syntax Highlighter」で利用できるオプションについては、前回の記事を確認してください。


…というわけで、Perl 使いの方はぜひぜひお試し下さい。


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:2

  1. いつもありがとうございます。
    早速導入させていただきました。
    ありがとうございました。

    ReplyDelete
  2. コメント&リンクありがとうございます。記事が役に立ったようでよかったです。

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.