WordPress 程式碼語法高亮外掛SyntaxHighlighter Evolved 的最佳方式

code prettifier是一個Javascript + CSS的小工具，使用方法當然就是要直接編寫HTML語法，不過編輯方式算相當簡單，第一步驟是在HTML前面內嵌這個script。

但預設程式碼區塊是沒有行號的，我發現只要利用special attribute （http://michelf.ca/projects/php-markdown/extra/#spe-attr）就可以產生行號。 ... 因此 ...

步驟一.開啟Editor.md ... 貼上下方程式碼餘編輯器左側，其中以 python 語言舉例(亦可使用 c , cpp , java …等)， = 代表要顯示行號。

程式也一開頭先計算總行數, 並依此得到行號應該要有幾位數, 並在行號開頭補'0'。 如果是從VSCode 以HTML 格式複製貼到Word 中, 程式碼中的空白字元 ...

在WordPress.ORG 文章和頁面顯示程式碼外掛，並採用最佳方式的pre 標籤而非短碼(Shortcode) ，並可設定要呈現的程式語言、顯示程式碼行號與高亮的行號。

您可以從「檢視> 程式碼檢視選項」選單中，設定文字換行、顯示程式碼行號、設定程式碼元素語法標色、設定縮排，以及顯示隱藏字元。 在程式碼檢視或「程式碼 ...

由於有快千行的程式碼，且使用網頁的搜尋是找不到的。我的方式是把它貼到文字編輯器，如Notepad++，然後搜尋 text/css ，利用Notepad++顯示的行數對應到Blogger HTML編輯器的行 ...

行號可以顯示在程式碼視窗的左邊界。 預設不會顯示它們。 您可以在文字編輯器[所有語言] 設定中開啟此選項（工具>選項>文字編輯器>所有語言）。

用 <pre> 標籤取代整個程式碼區塊，如果需要的話，在你的wiki 外觀設定裡把 <pre> 的樣式改成跟程式碼區塊一樣。這也是 (MDN 的 ) 推薦的HTML 層級解決方案， ...

程式碼框的右上角還有幾個按鈕，其中一個按鈕以純文字顯示程式碼，沒有行號。 ... 程式碼轉換為易於貼上到WordPress中的HTML程式碼。 沒有任何可靠的 ...