在痞客幫寫程式碼的文章,最痛苦的就是貼程式碼了,貼上去以後只能夠用呆呆的格式。而且我還是習慣用Windows Live Writer來寫文章,那些微軟插件庫裏面的東西幾乎都壞光了(還是在Windows 7裏面水土不服,不知道),總之還是只能用最基本的方式貼程式碼。短短的還好,如果長的程式,相信看的人一定很痛苦。

最近經常找國外的文章,偶爾發覺好像每一個外國部落格貼出來的程式碼格式都一樣,於是開始去研究它。終於被我挖到原來還有簡單的方法來貼程式碼。

SyntaxhighLighter是個免費的javascript程式,它會自動偵測你的文章裏面是否有<PRE class='brush:vb'></PRE>這樣類似的區塊,依據你所指定的程式碼種類格式化你所發表的程式碼,不過就是要掛入一些javascript,內容如下:

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.296/scripts/shBrushXml.js"></script>
<script type="text/javascript">
    SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.296/scripts/clipboard.swf';
    SyntaxHighlighter.all();
</script>
 
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.296/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.296/styles/shThemeDefault.css" id="shTheme"/>

前面這段程式碼還會自動折行,厲害吧!

要將這些程式碼放在【後臺管理/部落格管理/側邊欄管理】的【頁尾描述】裏面,並且讓他開啟。你只要挑你會用到的程式語言貼上就好,太貪心是會讓你的文章顯示變慢的。當你做了這個動作之後,你的部落格就具有自動顯示程式碼編排的能力了。

而Windows Live Writer也有一個插件可以用,請至http://precode.codeplex.com/下載,安裝就好了。

創作者介紹

人生四十宅開始 二號宅

漠哥 發表在 痞客邦 PIXNET 留言(0) 人氣()