blogger程式碼區塊行號

blogger並沒有內建顯示codeblock區塊的方法，但仍有方法可以自己手動新增此功能，來達成將程式碼或文字，放置於codeblock區塊，並有「複製區塊內容」的功能，方便使用者可快速複製。,google-code-prettify是一支不錯的程式碼高亮度顯示程式，特點為:支援15種程式語言(但某些語言似乎還沒完成)程式僅兩個檔案載入速度較快缺點為:跟IE的相容性比較不佳，在IE內複製程式碼時無換行符號無行號顯示僅支援"
"區...
														

後山醫師隨筆

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

在 Blogger 中使用 google-code-prettify 顯示程式碼

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

Blogger 讓文章中顯示程式碼區塊 Code block ，避免文章排版凌亂

剛開始整段程式碼跑到部落格最上方，改變插入位置修正這個問題，卻又不能正確顯示出區塊，反覆的搜尋＆修改，終於順利增加程式碼區塊功能，以下說明如何增加也幫自己留下筆記。

iT 邦幫忙:

由於要在Blogger貼上程式碼的緣故，關於顯示行號，google搜尋了很多內容。加上自己本身不是摸前端的，只是想找個簡便的方法來顯示程式碼行號。

【網頁編輯】Blogger程式碼行號顯示，使用code-prettify :

【網頁編輯】Blogger程式碼行號顯示，使用code-prettify ，『其他』如何在Blogger文章顯示程式碼...步驟一：.在後台管理頁面點選版面配置然後點選新增小工具。 ...這樣就大功告成啦！ ...這樣就可以產生彩色程式碼了！

Blogger 插件 | 文章顯示程式碼區塊--

通常黑修斯的使用習慣是，先在編輯模式中貼上想要呈現的程式碼。再到HTML模式下，找到剛剛的程式碼，在頭尾處加上<code>和</code>，如下圖所示。