2008-08-04

Trick -- 在blogger上顯示程式碼

最近因為有需要在blog裡面貼上程式碼,所以就找套件來用。而後來選中的是google-code-prettify,你只要在版面配置->修改HTML裡面,把下面這段文字貼在<head>之前:


<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="prettyPrint()"

接著在你文章裡的程式碼前後加入:

<pre class="prettyprint">...</pre> or <code class="prettyprint">...</code>

當然我這是針對blogger的使用方式,如果你自己有blog主機,就可以到google code去下載,然後放到自己的主機上面,這樣會更簡單.

沒有留言: