2011年6月7日火曜日

ブログでソースコードをきれいに表示しよう

ポイントは、きれいにです。
いや~、いろいろあるもんですねぇ。

google-code-pretty

ソースコードに色をつけて、きれいに表示してくれちゃいますよ。


さっそくやってみましょう。

Bloggerの場合は、デザインページで、HTMLを編集しましょう。

headタグに、このタグを追加してください。

<link href="http://blog-imgs-22.fc2.com/k/e/v/kevinjohnson2/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://blog-imgs-22.fc2.com/k/e/v/kevinjohnson2/prettify.js"></script>

bodyのonloadイベント指定

<body onload="prettyPrint()">

ソースコードを以下のタグで囲む

<pre class="prettyprint"></pre>



class HelloRuby
    def hello
        p "Hello World"
    end
end

h = Hello.Ruby.new
h.hello

0 件のコメント:

コメントを投稿