Highlighting Code Block 外掛程式，極簡強大的語法高亮外掛，讓程式碼不再是單調的黑白樣式。
對於軟體工程師、前端設計師或技術部落客而言，在 WordPress 網站上展示程式碼範例是日常寫作的必然需求。而 WordPress 預設的「程式碼」區塊功能相當陽春，純單色的文字缺乏閱讀排版，無法清晰辨識變數、函數與註解。更棘手的是，若使用載入大量 JS 腳本的重型語法高亮外掛，又會大幅拖慢網頁載入速度。
由日本知名 WordPress 開發者（兼 SWELL 佈景主題創作者）LOOS 所開發的 Highlighting Code Block（HCB），正是為了平衡「閱讀質感」與「網頁效能」而生的解決方案。它基於輕量級的 Prism.js 打造，為編輯器提供極為流暢的程式碼渲染體驗，成為技術內容創作者不可或缺的利器。
擺脫程式碼排版混亂，在撰寫技術教學文時，視覺呈現直接決定了讀者的閱讀體驗與停留時間。Highlighting Code Block 外掛程式，從細節出發徹底改善了過去發表程式碼時常見的幾大困擾：
語法顏色辨識度大增，自動為 PHP、JavaScript、CSS、HTML、Python 等數十種主流程式語言進行精準的語法彩色高亮，使程式碼結構一目了然。
防止程式碼被轉義破壞，避免 WordPress 編輯器將特殊符號（如 < 或 >）誤認為 HTML 標籤而導致排版破碎。
優雅的程式碼複製機制，內建一鍵複製按鈕，讀者不必再用滑鼠辛苦拖曳選取，大幅提升互動好感度。
Highlighting Code Block 外掛程式沒有複雜且不必要的設定頁面，而是將重點放在區塊編輯器（Gutenberg）的整合上。
- 支援「檔名顯示」與「行號標註」，在插入程式碼區塊時，管理者可以直接在側邊欄邊框輸入該段程式碼的檔案名稱（例如：functions.php 或 style.css）。此外，還可自由切換是否顯示程式碼行號，方便在文章內文中指引讀者觀看特定的程式碼行數。
- 深色與淺色雙主題切換，內建 Light（淺色）與 Dark（深色）兩款簡潔優雅的色彩主題。管理者能配合網站原有的佈景主題風格進行調整，甚至能客製化內建的 CSS 樣式，創造出極具個人特色的語法配色。
- 高度相容舊版編輯器與自訂擴充，除了原生支援區塊編輯器，外掛亦貼心照顧到了習慣使用傳統編輯器（Classic Editor）的使用者，可以在工具列直接下拉選取程式語言。對於有進階需求的開發者，亦能透過後台介面自訂額外支援的語言類別，保持高度的擴充彈性。
💡 總結
Highlighting Code Block 外掛程式，拋棄了繁複拖慢效能的套件，將焦點放在「順暢寫作」與「優雅呈現」的本質上。清晰的檔名標示、流暢的一鍵複製與極輕量的載入速度，無論是架設個人的程式筆記部落格，還是建立企業級的技術文件庫，它都可以最專業的視覺效果。
外掛程式名稱：Highlighting Code Block
外掛程式網址：https://wordpress.org/plugins/highlighting-code-block/
