在 Blogger 文章中顯示程式碼

不論在一般網頁或是部落格中,有時會有需要提供程式碼來分享或服務用戶,依照程式寫作原則來作不同顏色標示及區隔可以讓用戶更清楚了解所提供的內容。


網路上有許多外掛元件可以使用,推薦我們在目前在網站內的使用的 SyntaxHighlighter 外掛程式;以下是在 Blogger 使用的範例:





(1) 編輯 Blogger 範本,在 </head> 標籤前加入以下代碼:

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 



(2) 在編輯文章時以下列二種方式(擇一)插入程式碼即可

(2-1) 使用 Script 標籤
<script type="syntaxhighlighter" class="brush: csharp">
<![CDATA[

要顯示的程式碼
]]></script>


(2-2) 使用 Pre 標籤
<pre class="brush: csharp">
要顯示的程式碼
</pre>