« screenでutf-8 | メイン | YouTubeのサムネイル画像 »

google-code-prettifyを導入

ソースコードに色づけしてくれるgoogle-code-prettifyをこのBlogにも導入してみた。 C、Javaをはじめ、Perl、Javascript、HTML、CSSなどなどのコードにも対応している。 このサイトを参考に、 prettify.cssとprettify.jsを置く。その際昔まで使ってたpreタグのCSSをprettify.cssに引き継がせてる。

pre.prettyprint{
	border: 1px dotted #CCCCCC;
	margin: 3px;
	padding: 12px;
	line-height:1.3em;
	overflow: auto;
}

テンプレートのHTMLを書き換えて、あとは今までのエントリーのpreタグをpre class="prettyprint"に置換しておけ。

トラックバック

このエントリーのトラックバックURL:
http://yusukebe.com/mt/mt-tb.cgi/2100

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)


ブログSEO対策:track word seo