2013年2月6日水曜日

bloggerでコードをシンタックスハイライトさせたい。(解決)

このブログ、コードが見にくいので、pretty codeのたぐいを入れたいと思うのですが、
まだ上手くいかず、残念。

bloggerにObjective-Cコードを綺麗に表示させること、
ちょっと本気にならねば。

いつも、読みにくくてすいません。

:::::::::::::::::::::::::::::::

というわけで、ググって、prettycodeを入れてみました。

http://blog.pamelafox.org/2010/08/how-to-pretty-print-code-snippets-in.html
var i = 2 + 4;
ちょっと上手くいった感じです。 Objective-Cコードはどうかな。。。
 CCSpriteBatch *batch = [CCSpriteBatchNode batchNodeWithFile:@"test.png"];
        [self addChild:batch];
    CCSprite *sp = [CCSprite spriteWithTexture:batch.texture];          
    sp.position=ccp(100,100);
 [batch addChild:sp z:1 tag:1];
あ、うまくいきました。 ありがたや。google code。 :::::::::::::::::::::::::::::::
以下、備忘録。 テンプレートのmetaタグの後に
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>
そして、
prettyPrint();
を、jsコードの中に追加。 テンプレートの下の方にある傾向が強いよう。私もそこで見つけました。 そして、毎回、シンタックスハイライトしたいコードをpreタグのprettyprintクラスでくるんでやるとOK.
<pre class="prettyprint">
 somecode
</pre>
簡単便利でありがたや。

0 件のコメント:

コメントを投稿