[WordPress] 外掛分享： WP-Markdown-SyntaxHighlighter

前言介紹

• 這款 WordPress 外掛「WP-Markdown-SyntaxHighlighter」是 2012-09-12 上架。
• 目前有 10 個安裝啟用數。
• 上一次更新是 2012-09-17，距離現在已有 4612 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
• 外掛最低要求 WordPress 3.1 以上版本才可以安裝。
• 尚未有人給過這款外掛評分。
• 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

mattshelton |

外掛標籤

pre | code | syntax | markdown | SyntaxHighlighter |

內容簡介

WP-Markdown-SyntaxHighlighter 是與 WP-Markdown 和 SyntaxHighlighter Evolved 外掛一同設計使用的，具體情況如下：

WP-Markdown 可自動使用 Prettify.js 格式化程式碼，但如果您更偏好 Alex Gorbatchev 的 SyntaxHighlighter，這個外掛將重新格式化 Markdown 塊碼使它們可以直接由 SyntaxHighlighter 或 SyntaxHighlighter Evolved 進行正確的樣式設定。
SyntaxHighlighter Evolved 使用 SyntaxHighlighter 以及其他擴展功能來以易讀的方式顯示程式碼塊。

使用方法有兩種：

在您的程式碼例子中添加 #! 行，並僅指定語言 (brush)
在您的程式碼例子中添加 #!! 行，並通過 JSON 對象指定任何/所有支持的參數

簡單方法

要使用，請將 #! 行添加為您正在使用的程式碼範例的第一行，並加上語言：

#!ruby
class Foo < Bar
def hello
puts "Hello World!"
end
end

會移除 #! 標籤，並將程式碼格式化為：

class One < Two

  def hello

    puts "Hello World!"

  end

end

完全方法

要使用，請在您的程式碼範例中添加一行 #!!，並提供支持的 SyntaxHighlighter 參數作為 JSON 對象

#!!{"brush":"ruby","toolbar":"true","highlight":"[2,3,4]"}
class Foo < Bar
def hello
puts "Hello World!"
end
end

會移除 #!! 標籤，並將參數解釋成 CSS class 字串作為：

class Foo < Bar

  def hello

    puts "Hello World!"

  end

end

待辦事項

考慮添加切換 ‘notranslate’ 的支援

原文外掛簡介

WP-Markdown-SyntaxHighlighter is intended to work with the wp-markdown and SyntaxHighlighter Evolved plugins as follows:

WP-Markdown can automatically use Prettify.js to format code, but if you prefer Alex Gorbatchev’s SyntaxHighlighter, this plugin will re-format the Markdown-formatted code blocks to be properly styled by SyntaxHighlighter directly or SyntaxHighlighter Evolved via plugin.
SyntaxHighlighter Evolved uses SyntaxHighlighter and additional extended functionality to display code blocks in an easily readable manner.

There are two methods of use:

Add a #! line to your code example and specify the language (brush) only
Add a #!! line to your code example and specify any/all supported parameters via a JSON object

Simple Method
To use, add a #! line as the first line of your code example with the language you are using:
#!ruby
class Foo class One

Full Method
To use, add a #!! line as the first line of your code example, with any of the supported SyntaxHighlighter parameters as a JSON object
#!!{"brush":"ruby","toolbar":"true","highlight":"[2,3,4]"}
class Foo class Foo

TODO

Consider adding support to toggle ‘notranslate’

各版本下載點

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

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

---

0.1 | 0.2 | 0.3 | 0.4 | 0.2.1 | 0.3.1 | trunk |

延伸相關外掛（你可能也想知道）

• String locator 》當你在開發主題和外掛時，你經常會注意到某些文字被硬編碼在文件中，你需要對其進行修改，但你不知道該主題或外掛的名稱，更不知道要查找哪個文件。, 你可以...。
• Highlighting Code Block 》「Highlighting Code Block」外掛可讓你以一個點擊的方式添加一個有語法突顯的程式碼區塊。, 它支援「區塊編輯器」和「傳統編輯器」。, （不過，我們建議在「...。
• Crayon Syntax Highlighter 》一款支援自訂語言和佈景主題的 PHP 和 jQuery 語法突顯外掛。, 它可以從 URL 或 WordPress 文章的文字中進行突顯。Crayon 讓管理語言檔案和使用正則表達式定...。
• Code Block Pro – Beautiful Syntax Highlighting 》展示你美麗的程式碼，不僅僅是顯示它！這個版塊外掛提供編輯程式碼塊的功能，直接運行你的程式碼，使用與受歡迎的 VS Code 編輯器相同的渲染引擎。此外掛提供...。
• WP-Syntax 》WP-Syntax 提供乾淨的語法突顯，使用 GeSHi，支援多種流行的語言，包括有或沒有行號的語法突顯，可以在從瀏覽器中複製程式碼片段時保持格式。, 它通過運行早...。
• Urvanov Syntax Highlighter 》guage files, and there are many available on the plugin's website. The Urvanov Syntax Highlighter block is recommended for new posts instead of the...。
• Prismatic 》唯一的 3 合 1 語法高亮插件！, 使用 Prism.js、Highlight.js 或純文字轉義顯示美麗的程式碼片段：, , Prism.js – 使用 Prism.js 轉義和語法高亮, Highlight....。
• CodeColorer 》CodeColorer 是一個外掛程式，它可以讓您在文章中插入代碼片段並添加漂亮的語法高亮效果。, 此外掛程式基於 GeSHi庫建立，支援大多數語言。CodeColorer 的各...。
• Code Click to Copy 》這是一個簡單的外掛程式，當點擊

   和  標籤內容時，會自動複製到剪貼簿中。其他的外掛也有提供相同的功能，但需要點擊 [COPY] 按鈕進...。

• Pastacode 》使用 Pastacode，您可以輕鬆地將代碼加入您的文章中，並使用宏偉的 PrismJs 着色庫。, 您可以將源代碼插入到文章編輯器中，直接將其寫入編輯器中（使用 Guten...。
• WP-GeSHi-Highlight — rock-solid syntax highlighting for 259 languages 》• 現場示範, • 亮點:, , 支援259種程式語言。, 適用於行動裝置：無需執行JavaScript，與基於JavaScript的解決方案相比可節省頻寬和電力。, 後端負載接近零。...。
• Simple Code Highlighter 》簡易程式碼高亮外掛, 程式碼高亮外掛使用 Google Code Prettify Script 來標示您的程式碼。您不需要程式設計技能來使用它。只需按下編輯器工具列上的按鈕並貼...。
• WP SyntaxHighlighter 》這個外掛是一個基於Alex Gorbatchev的SyntaxHighlighter ver. 3.0.83和2.1.382的程式碼語法加亮工具。, 功能特點, , 基於Alex Gorbatchev的"SyntaxHighl...。
• Better File Editor 》增加了行號、語法高亮、代碼折疊等功能，並且在 WordPress 的管理面板中的佈景主題和外掛程式編輯器中提供更多功能。, 此外掛程式使用 Ajax.org Cloud9 Edito...。
• WP-SynHighlight 》此外掛提供在貼文和評論中的語法突顯功能。, , , 完整的 GUI 模式。不需要像其他外掛一樣在編輯器中切換到程式碼模式再切回來。, 具備即時語法突顯支援的 GUI...。