読者です 読者をやめる 読者になる 読者になる

まいまいワークス

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

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

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

 

必要なもの

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

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

 

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

 

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

 

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

<script type="text/javascript" src="http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shCore.js"></script>

を記述。

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

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

 

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

<pre class="brush: objc;">

</pre>

のなかに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をきれいに表示