blogger自己并不具备代码高亮功能，发布的代码片段阅读起来比较费劲，好在他的自定义功能还是很强悍的，我们使用一个js的代码高亮脚本库，在客户端对代码进行高亮显示。
- 我使用了google-code-prettify提供的高亮脚本，可以支持类CShellxml类型的代码高亮。
- 进入blogger模板设置，在<head>标签里引用相关的js和css，如下:
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/> <script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>
- 在body标签中添加onload事件，调用脚本对代码进行格式化：
<body onload='prettyPrint()'>
- 发布文章时，需要格式化的文档，只需要使用下面的标签包含起来即可：
<pre class="prettyprint">...</pre>
或
<code class="prettyprint">...</code>
No comments:
Post a Comment