2011年8月15日 星期一

[Blogger] 撰寫程式碼文章 google-code-prettify

方便Blogger使用的方法:
在設計,修改HTML裡的</head>之前貼上下面這兩句,<link href=...的css連結可以更換樣式。
<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css"></link>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript">
</script>

然後在網頁載入時啟動
<body onload='prettyprint()'>

使用時,用<pre class="prettyprint"></pre>框住程式碼就可以了。

可以與SyntaxHighlighter共用,只是class內容不同。
個人比較偏向使用SyntaxHighlighter,因為在測試google-code-prettify的時候,會有些程式碼跑不出來。

沒有留言:

張貼留言