http://google-code-prettify.googlecode.com/svn/trunk/README.html
- 先去 下載 兩個重要的檔案 prettify.css 以及 prettify.js，將這兩個檔案放在網路硬碟。(例如：Sky Drive)
- 將下面的程式碼貼到網頁中 <HTML>......</HTML> 之間的任何地方。(例如：放在 <HTML> 之後)
<link href="prettify.css" type="text/css" rel="stylesheet" />
要記得修正程式碼中關於 prettify.css 以及 prettify.js 在網路硬碟的正確連結位址。
<script type="text/javascript" src="prettify.js"></script> - 在網頁 body tag 中加入
onload="prettyPrint()"
(例如：<body onload="prettyPrint()">)。 - 修改 stylesheet 可顯示不同色彩。
- 將文章中要顯示的程式碼放在底下這兩種語法的中間，如 "..程式碼.." 所表示的地方。
<pre class="prettyprint">...程式碼...</pre>
或者是<code class="prettyprint">...程式碼...</code>
所要顯示的程式碼中，關於符號 "<" ">" "&"，要分別以特殊的字元組合來替換。
也就是
"<" 換成 "& l t ;" ">" 換成 "& g t ;" "&" 換成 "& a m p ;"
沒有留言:
張貼留言