2009年2月2日星期一

用google prettify code给代码着色

偶尔看到这么一个好东西,特地发上来,要是再有代码折叠功能就好了...

步骤如下:
1.进入Blogspot控制台 –>布局 –>修改HTML

2,在head里添加如下代码:


<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet"
>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript">
<script>
window.onload=function(){
prettyPrint();
}
</script>



以下为给代码着色示例:



//定义矩形粒子,括号内参数依次为:横坐标,纵坐标,宽度,高度,弧度,是否固定。
var diban1:RectangleParticle=new RectangleParticle(250,0,400,10,0,true)
var diban2:RectangleParticle=new RectangleParticle(250,400,400,10,0,true)
var diban3:RectangleParticle=new RectangleParticle(50,200,400,10,Math.PI/2,true)
var diban4:RectangleParticle=new RectangleParticle(450,200,400,10,Math.PI/2,true)
//矩形粒子的父类AbstractItem的setStyle方法。
diban1.setStyle(1,0x006699,1,0x663366,1)
diban2.setStyle(1,0x006699,1,0x663366,1)
diban3.setStyle(1,0x006699,1,0x663366,1)
diban4.setStyle(1,0x006699,1,0x663366,1)
//添加该粒子,(就当它是addChild理解吧)
addParticle(diban1);
addParticle(diban2);
addParticle(diban3);
addParticle(diban4);




附两个在线转义html的地址:
http://www.elliotswan.com/postable/
http://www.khurshid.com/i-make-postable/




参考如下地址:http://www.antlite.com/blog/2008/07/google-prettify-code-syntax-highligting-in-blogspot/

没有评论: