常用高亮語法解析器

syntaxhighlighter
這是我前找到最好的高量語法顯示，使用的是JAVA Script + CSS所配置出來的效果。具有模組化、有列印快捷鈕、複製鈕等...

但是在Blogger上會出現些問題，主因為Blogger會自動產生br標籤，導致無法斷行與一些問題出現。解決方法目前可將Blogger自動斷行效果關掉，但可能會帶來其他的不方便。



















相關教學連結
dp.SyntaxHighlighter: 在網頁顯示美觀的程式碼
SyntaxHighlighter - 語法高亮標記
真方便的CodeHighlight Plug-in
寫網誌的好幫手：線上語法突顯工具
dp.SyntaxHighlighter
syntaxhighlighter (解決Blogger上br標籤問題)



google-code-prettify
其高亮效果與附加功能沒有syntaxhighlighter的強大，但在Blogger上較能正常使用。



















相關教學連結
google code prettify
寫網誌的好幫手：線上語法突顯工具

google code prettify

http://code.google.com/p/google-code-prettify/downloads/list

<link href="prettify.css" type="text/css" rel="stylesheet">

<script src="prettify.js" type="text/javascript"></script>

程式碼上色功能

<script class="javascript" src="http://yow.cheng.googlepages.com/shCore.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushCSharp.js"></script> <br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushPhp.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushJScript.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushJava.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushVb.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushSql.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushXml.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushDelphi.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushPython.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushRuby.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushCss.js"></script><br /><script class="javascript" src="http://yow.cheng.googlepages.com/shBrushCpp.js"></script><br /><script class="javascript"><br />dp.SyntaxHighlighter.HighlightAll('code');<br /></script><br />

於Blog中使用程式碼區塊功能

於Blog的樣板中，在CSS中插入以下CSS碼
CODE {
display: block;
/* fixes a strange ie margin bug */ font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:200px;
line-height: 1.2em;
}


在文章中將程式碼置於<code></cdoe>區塊中即可，如：
<code>
.comment-body-author {
margin:0;
padding:0 0 0 20px;
background-color:#C0C0C0;
}</code>