[WordPress] 外掛分享： Highlight Source Pro

 標籤，不會干擾您原本的預格式化內容

當使用的內容不乾淨時，會優雅降級為 
 標籤

所有設定都是論理有效的參數，管理容易

內建通用的跨瀏覽器 CSS（經過 IE5.5+、Firefox、Safari、Opera 測試）

版本歷史
1.3：感謝大家的提示，現在樣式表的連結路徑已修正，對於帶來的困擾我們深感抱歉

1.2：不再去除行首的空白和換行字符，如果沒有標題，就不會產生標題的 


1.1：解決使用單引號會被更換成替代引號的問題

已知問題
雖然本外掛基本符合 XHTML 1.0 標準，但是由於偏移值行號的顯示方式需要使用不當的 JavaScript 和 CSS Hack，因此如果您使用了偏移值行號，您的文件將無法通過驗證，因為 start= 屬性被禁用了。
文件
更多有關資訊請參閱 Highlight Source Pro 頁面。
原文外掛簡介







Powerful, flexible, XHTML-compliant, server-side code highlighting, credits for everything

but ‘making it a plugin’ go to Jay Pipes

and GeSHi.

Features
Highlight sources of any language

automatically, server-side (no javascripts)

XHTML-Compliant, 
, 
,  with class-attributes and a css-file are used for styling

optionally add a heading for every code-block

optionally specify line-number offset (BREAKS XHTML COMPLIANCE)

optionally don’t display line-numbers

set per-codeblock if the code is html_entity_encoded or not

only parses 
-tags with the lang=-attribute, thus does not interfere with any regular preformatted contents you might have

degrades beautifully through 
-tags (if you keep the sources clean, that is)

all settings through logical, valid arguments for the main container

comes with generic cross-browser CSS (tested: IE5.5+, FF, Safari, Opera)
Version History
1.3: Thanks to a tipp now the link-path to the stylesheets is correct, sorry for the inconvenience

1.2: Leading whitespace isn’t stripped anymore (indents as well as newlines), when there’s no title the title-div is not being generated anymore

1.1: Solved the issue with single-quotes being changed to typographical quotes
Known Issues

While the plugin is basically XHTML 1.0 Strict compliant there’s just no way of getting the offset-based line-numbering to display without inadequate (ab)use of javascript and css hacks, so be warned that IF you use the line-number offset, your documents will NOT validate because of the forbidden start=-attribute for the 
!

Documentation

More on the Highlight Source Pro Page

各版本下載點



方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Highlight Source Pro」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 | 1.1 | 1.2 | 1.3 | trunk | 
延伸相關外掛（你可能也想知道）



 WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager 》插入標頭和頁腳 + 完整的 WordPress 代碼片段外掛, WPCode (前稱为 WPBeginner 的 "插入標頭和頁腳"）是使用率超过 100 万个网站的 WordPress 代码片段外掛中...。
 Code Snippets 》Code Snippets 是在您的網站上運行程式碼片段的簡單，清潔和簡單的方法。它消除了將自定義片段添加到您的佈景主題的 functions.php 檔案的需求。, 現在提供 C...。
 Simple Custom CSS Plugin 》無需麻煩地將自訂 CSS 新增到 WordPress 網站中。, 這是一個易於使用的 WordPress 外掛，可以添加自訂 CSS 樣式以覆寫外掛和佈景主題的預設樣式。該外掛旨在...。
 Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在，這些捷徑可以在文章/頁面中使用，並且該片段將取代其位置。, ✍ 輕鬆建立...。
 Head & Footer Code 》Head & Footer Code 插件可以讓你在不是開發人員的情況下，添加自定義代碼片段（JavaScript、CSS 或 HTML）到網頁中。您可以將代碼放置在 （...。
 Scripts n Styles 》這個外掛讓管理員用戶能夠將自訂的 CSS 和 JavaScript 直接添加到個別文章、頁面或任何註冊的自訂文章類型中，也可以將類別添加到 body 標籤和文章容器中。還...。
 SyntaxHighlighter Evolved 》現在支援 WordPress 5.0 中的新區塊編輯器！, SyntaxHighlighter Evolved 讓您可以輕鬆地在網站上張貼帶有語法加亮功能的程式碼，而不會失去格式或做任何手動...。
 Code Embed 》注意： WordPress 5.0 及以上版本的使用者請查看常見問題以了解如何在區塊編輯器中使用此外掛。, Code Embed 外掛允許您在文章中嵌入程式碼（JavaScript 和 H...。
 PHP Everywhere 》注意：此外掛更新至 3.0.0 版本是一項重大變更，將移除 [php_everywhere] 短代碼和小工具。請透過外掛設定頁面中的升級嚮導，將原本的代碼轉換為 Gutenberg ...。
 Highlighting Code Block 》「Highlighting Code Block」外掛可讓你以一個點擊的方式添加一個有語法突顯的程式碼區塊。, 它支援「區塊編輯器」和「傳統編輯器」。, （不過，我們建議在「...。
 CSS & JavaScript Toolbox 》感謝您查看我們的程式碼片段外掛。我相信它將完全符合您的需求。, 適用於以下情況：, , 前端修改（無需修改主題文件）, 添加功能（無需修改functions.php）, ...。
 Advance Custom HTML 》這是一款用來專業編寫 HTML 代碼的高級 HTML 編輯器，提供不同的樣式、縮排與更多功能。, Advance Custom HTML 是一款功能強大、彈性十足的區塊外掛，讓您可...。
 Code Block Pro – Beautiful Syntax Highlighting 》展示你美麗的程式碼，不僅僅是顯示它！這個版塊外掛提供編輯程式碼塊的功能，直接運行你的程式碼，使用與受歡迎的 VS Code 編輯器相同的渲染引擎。此外掛提供...。
 Code Syntax Block 》代碼語法區塊（Code Syntax Block）擴充了 WordPress 區塊編輯器，使用 Prism 語法高亮工具為核心代碼區塊添加了語法高亮支持。, Prism 語法高亮工具在前端執...。
 Foxtool All-in-One: Contact chat button, Custom login, Media optimize images 》總結：Foxtool 是根據管理 WordPress 網站的真實需求而開發的產品。經過一段時間的發展，Foxtool 已成為網站管理員不可或缺的外掛程式。該外掛擁有許多值得注...。