本文將接續說明如何使用SyntaxHighlighter來實現高亮度程式碼的呈現

在SyntaxHighlighter Project Home 寫到，SyntaxHighlighteris here to help a developer/coder to post code snippets online withease and have it look pretty. It's 100% Java Script based and itdoesn't care what you have on your server.

由此可知，SyntaxHighlighter是一個由Java Script所完成的高亮度程式碼插件，有興趣的可以前往該Project Home下載原始檔研究

在痞客邦使用SyntaxHighlighter方法分述如下：

1.進入後台管理後，點選[部落格管理]=>[側邊欄位設定]=>[頁尾描述]，並加入以下程式碼。

2.發表文章時，用 textarea 指定 name="code" class="原始碼類型" rows="row數" cols="col數"或是使用 pre 指定 name="code" class="原始碼類型"即可產生原始碼高亮度顯示的效果。(需切換為文字編輯器)，並注意相對應的CLASS類型

CLASS分類如下：

  • C++ — 'cpp'、'c'、'c++'
  • C# — 'c#'、'c-sharp'、'csharp' CSS — 'css'
  • Delphi — 'delphi'、'pascal'
  • Java — 'java' JavaScript — 'js'、'jscript'、'javascript'
  • PHP — 'php'
  • Python — 'py'、'python'
  • Ruby — 'rb'、'ruby'、'rails'、'ror'
  • SQL — 'sql'
  • VB — 'vb'、'vb.net'
  • XML/HTML — 'xml'、'html'、'xhtml'、'xslt'


3.建議取消系統換行，以避免不必要錯誤 (通常會出現多餘的<BR>標籤)

arrow
arrow
    全站熱搜

    stonys 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄