chalow を google-code-prettify でソースコードに色づけしてみる

スポンサーリンク
ソースコードをベタっと貼り付けることがたまにありますが、
色で感覚的に識別したりするので、 ブログで
ソースコードがハイライトされないのがイヤでした。

そこで、 google の google-code-prettify を使って、色づけしてみることにしました。

js と css をダウンロードします。

fetch http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css
fetch http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js



chalow の

$$strp =~ s|\x6\x13(\d+)\x3|<pre>$escaped_src{$1}</pre>|g;
を下記のように書き換えます。　
$$strp =~ s|\x6\x13(\d+)\x3|<pre class="prettyprint">$escaped_src{$1}</pre>|g;

あとは、 cl.conf のテンプレートに srcript を貼り付けたり、 body の onLoad イベントで prettyPrint(); を呼んであげるだけです。

テスト。
// Coded by kaworu
#include <stdio.h>
#include <stdlib.h>
int
main (int argc, char *argv[])
{
	(void) puts ("hoge");
	exit (EXIT_SUCCESS);
}

なぜか、pre が二重枠になってしまったので、prettify.css の
pre.prettyprint { padding: 2px; border: 1px solid #888; }
をコメントアウトしました。

最近、ハイライトしたいなぁ、と思ってたので丁度よかったです。
若干、オシャレになりました。

便利だなぁ。 chalow のデフォルトにならないかな。

参考:
スポンサーリンク
スポンサーリンク
 
いつもシェア、ありがとうございます！
Twitter
Facebook
LINE
Pocket
はてぶ
RSS

もっと情報を探しませんか？

関連記事

最近の記事

人気のページ

スポンサーリンク
 

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12

サイト

Vim入門

C言語入門

C++入門

JavaScript/Node.js入門

Python入門

FreeBSD入門

Ubuntu入門

セキュリティ入門

パソコン自作入門

ブログ

トップ

プライバシーポリシー