どうも。
日曜プログラマです。





やっぱりプログラミングのブログを書くにあたって
プログラムのソースコードをきれい表示したい！







preで囲う方法で表示もできるけどキングオブ質素。
普通にソースコードを<pre></pre>で囲ったバージョン
public class BuroguTukuru{
  public static void main (String[] args) {
    System.out.println("ブログに表示できた！はろー世界！");
  }
}



まぁ別に悪くない
ただ気になるよね。
そこでlivedoorブログにSyntaxHighlighterというのを導入するよ。
最近のブログではよく見るね。








こんな感じで見える
public class BuroguTukuru{
  public static void main (String[] args) {
    System.out.println("ブログに表示できた！はろー世界！");
  }
}
ヒューできてるねえ。

 







以下やったことをまとめるよ


１．http://alexgorbatchev.com/SyntaxHighlighter/　の右側にある分かりづらいdownloadをクリック



２．  3.0.83. Click here to downloadを右クリックで「名前を付けてリンク先を保存」でzipが保存されるはず



３．zipを解答したらtestsフォルダとindex.html以外をフォルダ構造を守りつつlivedoorブログの「画像/ファイル」→「ファイル管理」タブにそのまま入れてしまう。たぶんもっとフォルダを分けたほうが後々管理しやすい。
　　
でも気にしちゃいけない



４．こんな感じ

キャプチャ

















５． ページのヘッダに登録する
　　「ブログ設定」→「デザイン / ブログパーツ設定」 のPC→「カスタマイズ」タブ→トップページタブと個別ページタブとカテゴリアーカイブと月別アーカイブのコードに追加する
<head></head>の間に以下の例を記述する
 これはJAVA,VB,C#,SQL,XML,JavaScript,Cssの例

６．ブログの記事を書くときにJAVAなら<pre  class="brush: java"></pre>で囲うだけでOK
<pre  class="brush: java"></pre>
<pre  class="brush: js"></pre>
<pre  class="brush: html"></pre>
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/java.html
にいろいろ書いてあるので参考まで







これで完了しますよ。
よかったよかった



　　/ﾞﾐヽ､,,___,,／ﾞヽ
　　i ノ　　 　 　 ｀ヽ'
　　/　　＞　　　● |　 　 ＜怠けたい
　彡,　　ミ(__,▼_)彡ミ 　
　/　､　　　|∪|　　　）
/　　　　　 ヽノ　/／
ヽ|　　　　　　　/
　|　　　　　　 /
　ヽ　／　 ／
　　／　／ヽ
（´＿ ／ヾ_)