SyntaxHighlighterを導入してみた

参考文献

はてなブログでSyntaxHighlighterでObjective-Cを表示

詳しいことは上記のサイトで...とりあえず、簡単にまとめる

1. shCoreDefault.css（好きなのでOK）をはてなブログのデザインCSSに貼り付ける
2. shCore.jsをHTMLサイドバーに追加
   ※ コピペでは上手く動かない場合は、ホスティングを利用
3. 必要なshBruchXxx.jsを2のHTMLサイドバーに追加
4. 3の後に<script type="text/javascript">SyntaxHighlighter.all();</script>を追加
5. はてなブログの設定からWYSIWYGモードする
6. コードを記述!!

C++ (highlight:[4,6])

#include <iostream>
int main()
{
  std::cout << "Hello World!!" << std::endl;

  return 0;
}

Python (collapse:true)

print("Hello World!!")

Javascript (gutter:false)

document.write("Hello World!!");

Objective-C (title:[HelloWorld.m], first-line:[10])

#include <Foundation/NSObject.h>
#include 

@interface HelloWorld : NSObject
- (void) hello;
@end

@implementation HelloWorld

- (void) hello{
  printf("Hello World.\n");
}

@end

int main(int argc, char **argv){
  id obj = [HelloWorld alloc];
  [obj hello];
  
  return 0;
}

CSS

 BODY {
  background-image: url("img/xxx.jpg");
  background-repeat: repeat-y
}

Bash (toolbar:false)

sed -e 's/</\&lt;/g' -e 's/>/\&gt;/g'

出来た〜☆-(ノﾟДﾟ)八(ﾟДﾟ )ノｲｴｰｲ

SyntaxHighlighterのまとめ

1. SyntaxHighlighterのBrushはここからDLできる
2. (当たり前だが...)環境依存文字には注意
3. オプションが沢山ある
   ・first-line:[number] (Default：1)
   ・pad-line-numbers (Default：false)
   ・highlight:[number] (Default：null、複数行の場合は','で区切る)
   ・smart-tabs (Default：true)
   ・tab-size:[number] (Default：4)
   ・gutter (Default：true)
   ・toolbar (Default：true)
   ・quick-code (Default：true)
   ・collapse (Default：false)
   ・auto-links (Default：true)
   まだあるみたいだが、割愛...