一个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