内容摘要：
- 使用了google-code-prettify提供的脚本，可支持代码高亮。
(如原始链接失灵，也可以从这里下载到所需脚本) - 首先找到
]]>
</b:template-skin>
</head>
在 </head> 前插入
<!-- Added by Yu Wang for color code - Begin -->
<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'/>
<!-- Added by Yu Wang for color code - End -->
在
]]>
</b:template-skin>
后面插入
/* Added by Yu Wang for code box - Begin */
code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdZ3su4iNH-vrQtk0x-9L8gO87S9BLQTdOkAxWPFvz1ggT9hhHA1T1aZAosPmf5kGL5yQGaobxLKC_zCaVWRszQhO5CP_y5tfEf9c_7JFbYRoGw27r3lbhtEcVzyi2gmnQ-kWFRl9lvuo/) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}
/* Added by Yu Wang for code box - End */
- 在body标签中添加onload事件，调用脚本对代码进行格式化：
<body onload='prettyPrint()'>
- 发布文章时，对需要格式化的文档，使用下面的标签包含：
<pre class="prettyprint">...</pre> or
<code class="prettyprint">...</code>
没有评论:
发表评论