【寫出簡潔程式碼】小試身手、練習篇

這樣只要在程式碼區域前後加上 <pre class=”code”> </pre>就可以顯示較為明顯的程式碼了！

[Blog] 如何在網頁Blogger中插入程式碼 主要就是透過Prism選擇好要的風格跟支援的語言選好後下載js跟css： Prismjs.com網址： http://prismjs.com/index.html 一、先把"prism.css"裡面的資料全都貼到 "主題->自訂->進階->新增CSS->新增自訂CSS" 當中，儲存後重新整理即可。

blogger 並沒有內建顯示 code block 區塊的方法，但仍有方法可以自己手動新增此功能，來達成將程式碼或文字，放置於 code block 區塊，並有「複製區塊內容」的功能，方便使用者可快速複製。

[Blogger] 如何在Blogger 顯示程式碼，『其他』如何在Blogger文章顯示程式碼...步驟一：.在後台管理頁面點選版面配置然後點選新增小工具。

使用方式則只要在文章編輯中，切換成HTML，在程式碼前後添加<pre>或是<code>標籤，而有些程式需要轉換成HTML的內碼才能顯示。

google-code-prettify 是一支不錯的程式碼高亮度顯示程式，特點為: 支援 15 種程式語言 (但某些語言似乎還沒完成) 程式僅兩個檔案 載入速度較快 缺點為: 跟 IE 的相容性比較不佳，在 IE 內複製程式碼時無換行符號 無行號顯示 僅支援 "<pre>" 區塊