ブログ内でコードの表示を綺麗に表示してくれる「syntaxhighlighter」

覚書を記録する中でコードの表示は必須!
という事でコードの表示を綺麗にしてくるプラグインを導入しようと考えまして…
【syntaxhighlighter】を使用する事にしたのですが、まぁ〜、ハマってしまったので記録として

下準備から

まずは、SyntaxHighlighter本家サイトからダウンロード

バージョンはSyntaxHighlighter3.0.83

Google先生で検索した結果下記サイトを参考に導入
http://honttoni.blog74.fc2.com/blog-entry-172.html

ところが…
あれ?表示されない…

他のJQueryと競合して表示されないのかと思ったらERRORは出ていない
うわぁーーーハマった…

またまたGoogle先生の出番!
検索していくうちにある事に気付いた。
皆さん、きちんとコードを記載してる!
と言うのも、私の場合は参考サイトのように







と記載していた。

でも、コードの表示がされなかったので色々な方法で記載を変えてみた。

結果表示されたのは下記コード













自動改行して欲しいから「改行を<br/>タグに変換する」に設定する為に<pre>タグを<syntaxhlg>に変換。
URL補完は「補完しない」に設定

短縮コードでスッキリしたかったのに、ずらずらとコードを並べないといけないのは何というか…
でも、仕方ない(´・ω・`)

*注意点*
参考サイトでもおっしゃられている通り
【の直前(body 要素の1番最後)に書くのがミソ】

でないと、ハマりますよww

それではまた〜(^_^)/~

ホームページのご相談はお気軽に