22 Mar 2009

终于可以让blog贴代码

google好歹也是coding出身的大公司啊,收购了blogspot好歹也下点儿功夫啊,
一个blog不让贴代码,真是郁闷.经过痛苦的googling,搞定!
方法如下:(把所有全角字符改成半角,对应的css和js文件去这里下载)


1.在 自定义-布局-修改模板HTML 中,<head>和</head>之间加入:
<link href="your css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="your js"></script>


2,在把<body>改成
<body onload="prettyPrint()">


3.修在pre标签到你喜欢的样式,比如:
pre {
margin: 5px 20px;
border: 1px dashed #666;
padding: 5px;
background: #f8f8f8;
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


4.现在可以在你的帖子里使用代码高亮了!在"修改Html"标签下:
<pre class="prettyprint">
print "Hello world!"
</pre>


参考:
http://google-code-prettify.googlecode.com/svn/trunk/README.html

No comments :

Post a Comment