2008-09-24

如何在Blogger中貼Source Code?

若是要在Blogger裡貼Source Code,必須考慮兩個部份:

第一部份是所謂的Syntax Highlight:
下載SyntaxHighlighter之後,解開壓縮檔,並將下列的檔案上傳可存取的空間(舉例來說,Google Pages即可)
  • SyntaxHighlighter.css
  • shCore.js
  • shBrushCpp.js以及你需要的語法。(目前支援的有C++,Java, PHP,CSS等)
修改Blogger的設計範本,將下面的code貼在end outer-wrapper標籤後面,

<!-- end outer-wrapper -->
<link href='http://yenliangl.googlepages.com/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shCore.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushCpp.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushJava.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushCss.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushPhp.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushPython.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushRuby.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushDelphi.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushXml.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushVb.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushSql.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushCsharp.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushJScript.js'/>
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll(&#39;code&#39;);
</script>


接下來,將你想要貼上的Source Code以下面的標籤包住,

int a = 1; // this is a comment line
unsigned int b = 2; // this is comment line
第二部份是將Source Code常會出現的less than (<) 和greater than (>)取代:
如果說,用人工一行一行更改,可能會死人喔。但是這一個網頁可以自動幫你轉啊!只要將轉好的東西貼上就可以了。

沒有留言:

張貼留言