一个blog不让贴代码,真是郁闷.经过痛苦的googling,搞定!
方法如下:（把所有全角字符改成半角，对应的ｃｓｓ和ｊｓ文件去这里下载）
1.在 自定义-布局-修改模板HTML 中，＜ｈｅａｄ＞和＜／ｈｅａｄ＞之间加入：
<link href="your css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="your js"></script>
2,在把＜ｂｏｄｙ＞改成
<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