はてなブログでSyntaxHighlighterを使ってobjective-Cを表示する

はてなブログには元々syntaxHighlight機能があるようですが、SyntaxHighlighterを使いたい！という事でいろいろ調べてみました。

必要なもの

・SyntaxHighlighter - Download
　とりあえずこれがなくちゃ始まりません。

・objective-C用brushファイル
　ここから拝借

ダウンロードしたSyntaxHighlighterを展開
styles > shCoreDefault.cssを丸ごとコピー
設定→デザイン→カスタマイズ→デザインCSSに追記するかたちでペースト。

次に、設定→デザイン→カスタマイズ→ヘッダ→タイトル下→HTMLを記述できます
に移動して諸々の設定を記述していきます。

1.shCore.jsの設置
これは外部に依存しちゃいます。

を記述。

2.objective-C用のbrushファイルの設置
ダウンロードしたobjective-C用brushファイルを丸ごとコピーして
<script></script> で囲った上でshCore.jsの後ろに追記

3.Javascriptの実行
<script type="text/javascript">SyntaxHighlighter.all();</script>

ここまで来たら下準備は完了。
あとはソースコードを表示させたいところにHTML編集モードで

のなかにobjective-Cのソースを記述。

    UIImage* image = [UIImage imageNamed:@"test.png"];
	imageview = [[UIImageView alloc]initWithImage:image];
	imageview.frame = CGRectMake(0, 0, 960, 100);
	imageview.userInteractionEnabled = YES;
	[self.view addSubview:imageview];

参考にさせて頂いたサイト
はてなブログでSyntaxHighlighterでObjective-Cを表示 - MD Blog
アプリ開発の記録 SyntaxHighlighterでObjective-Cをきれいに表示

まいまいワークス

主にiPhoneアプリの開発で考えた事、調べた事、感じた事などを記していきます。

はてなブログでSyntaxHighlighterを使ってobjective-Cを表示する