[WordPress] 外掛分享: Sunburst Code Prettify

前言介紹

  • 這款 WordPress 外掛「Sunburst Code Prettify」是 2012-02-14 上架。
  • 目前有 30 個安裝啟用數。
  • 上一次更新是 2012-05-02,距離現在已有 4750 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.1 以上版本才可以安裝。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

rachelbaker |

外掛標籤

code | syntax | sunburst | Highlight | programming |

內容簡介

此外掛使用Sunburst主題,一個色彩繽紛且高對比度的暗色彩主題,使用Highlight.js來突顯您的程式碼語法。Highlight.js具有精確、快速、輕量和易於使用等特點。

使用方式

短碼方法:

在 WordPress 頁面或文章中,將[prettify] [/prettify]短碼包圍在您要突顯的程式碼片段周圍。
您可以通過在短碼內指定語言擴展名來指定一種語言。
範例:
[prettify class=”html”] [/prettify]
短碼可從視覺化編輯器或HTML編輯器中使用。

非短碼方法:

中包圍您的程式碼片段。

您可以通過在元素中指定class來指定語言。
範例:

僅Sunburst

此外掛僅包含Sunburst主題語法突出顯示格式的CSS檔,因為它是最佳的暗色語法主題。如果(出於某種原因)您希望使用其他主題突出顯示您的程式碼,Highlight.js主題庫中提供了其他語法突出顯示主題可供選擇。

支援的語言:

Bash
C#
C++
CSS
Diff
HTML, XML
Ini
Java
JavaScript
PHP
Perl
Python
Ruby
SQL

原文外掛簡介

This plugin uses the Sunburst theme, a colorful and high contrast dark theme to highlight your code syntax with Highlight.js. Highlight.js is accurate, fast, lightweight and easy to use.
Usage
Short-code method:

From within a WordPress page or post, wrap the [prettify][/prettify] shortcode around the code snippet you wish to highlight.
You can specify a language by specifying the language extension inside the shortcode.
Example:
[prettify class=”html”][/prettify]
The shortcode will work from within either the Visual or HTML editor.

Non-short-code method:

Wrap your code snippets in “
.

You can specify a language by specifying a class in the element.
Example:


Sunburst Only
This plugin only contains the CSS file for the Sunburst theme syntax highlighting formatting, because it is the best dark syntax theme. If (for some reason) you wanted to highlight your code using a different theme, there are other syntax highlighting themes available in the Highlight.js Theme Gallery
Languages Supported:

Bash
C#
C++
CSS
Diff
HTML, XML
Ini
Java
JavaScript
PHP
Perl
Python
Ruby
SQL

各版本下載點

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

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


2.0 | 2.1 | 2.1.5 | 2.1.6 | 2.2.0 | 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...。

文章
Filter
Apply Filters
Mastodon