スーパーpre記法を使ってみた

ブログを開設するにあたり
よく見かける記事中にソースコードをキレイに整形して表示できる
アレができるサービスを探してみた。

gistと連帯する方法なんかもあったけど
結局はてな記法がシンプルでいいかなぁと。

んでソースコードを見たまま表示する方法だけど
スーパーpre記法ってのを使う。
htmlにもpreタグ（改行とか半角なんかをそのまま表示するタグ）があるけど
何がスーパーなのかというと
・背景色を自動的に変更
・言語を指定すると予約後に色をつけてくれる（シンタックスハイライト）
・JSを設置すると行番号をつける事も可能
なるほどスーパーですねぇ
細かいところはCSSで変更できるけどデフォルトでもなかなかステキです。

基本的には>||　と　||<　の間に書いたものがソースコードとされます
言語指定する場合は開始タグ>||の縦棒の間に

>|javascript|
var foo=true;
var baa="スーパーpre記法すげー";
if(foo){
console.log(baa);
}
||<

って書くと

var foo=true;
var baa="スーパーpre記法すげー";
if(foo){
console.log(baa);
}

こんな風に。えらい便利じゃ