[WordPress] 外掛分享： WPygments

前言介紹

  • 這款 WordPress 外掛「WPygments」是 2013-05-04 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2014-03-27，距離現在已有 4056 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.3 以上版本才可以安裝。
  • 有 3 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

capynet |

外掛標籤

syntax highlight |

內容簡介

這個外掛使用基於 Pygments 的伺服器端語法高亮軟體。

安裝：

在使用這個外掛前，你需要先在伺服器上安裝 Pygments：

sudo apt-get install python-setuptools
easy_install Pygments

這就是全部安裝步驟，現在你可以下載這個外掛，並在 WordPress 中進行安裝。

用法

安裝完這個外掛後，用法很直覺。只需要用相對應語言的標籤包裹你的程式碼即可：

[javascript]....[/javascript]
[php]....[/php]

可以前往“Languages and filetypes supported” 查看所有可用的語言。

參數

標籤支援一些參數（全部是可選的）：

[php **style**="manni" **linenumbers**="table"]....[/php]

style="manni" 為程式碼樣式。目前有 22 種可用風格。

預設的樣式為 default，非常美觀，但你可能會喜歡其他樣式。請查看“Color styles”章節。

如果將 “linenumbers” 設置為 inline 或 table，行數就會以獨立表格列的方式顯示，或是成為該行的一部分。

範例
`

[javascript]
//comment line
var foo = “foo”;
var bar = function(){
var baz;
}
[/javascript]
`

輸出以預設風格高亮的 JavaScript 程式碼，並且不加行數。

`

[javascript style=”monokai” linenumbers=”inline”]
//comment line
var foo = “foo”;
var bar = function(){
var baz;
}
[/javascript]
`
輸出以 monokai 風格高亮的 JavaScript 程式碼，並且加入行數（成為該行的一部分）。

`

[javascript style=”monokai” linenumbers=”table”]
//comment line
var foo = “foo”;
var bar = function(){
var baz;
}
[/javascript]
`
輸出以 monokai 風格高亮的 JavaScript 程式碼，並且加入行數（獨立表格列）。

顏色風格

這些是支援的顏色風格：

monokai
manni
rrt
perldoc
borland
colorful
default
murphy
vs
trac
tango
fruity
autumn
bw
emacs
vim
pastie
friendly
native

支援的語言和文件類型

Pygments 不僅可以高亮語言，也支援像是 .conf、Nginx 設定檔、Apache（以檔名 .htaccess、apache.conf、apache2.conf 來識別），等多種文件類型。

注意：要查看使用方法，請前往 “Usage” 章節。

important sdsd;

General

apacheconf：（.htaccess, apache.conf, apache2.conf）
bash、sh、ksh：
(*.sh, *.ksh, *.bash, *.ebuild, *.eclass, .bashrc, bashrc)
ini、cfg：（*.ini, *.cfg）
makefile：
(.mak, Makefile, makefile, Makefile., GNUmakefile)
nginx：(.conf)

原文外掛簡介

Server side syntax highlighter based on Pygments highlighter software.
Installation:
To use this plugin you need pygments in your server:
sudo apt-get install python-setuptools
easy_install Pygments

That’s all. Now you can download the plugin and install it in your WordPress.
Usage
Once you get installed the plugin the usage is straightforward. just enclose your code between tokens named with the corresponding lang:
[javascript]....[/javascript]
[php]....[/php]

See “Languages and filetypes supported” section to know available languages.
Parameters
Tokens support a few parameters (all optionals):
[php **style**="manni" **linenumbers**="table"]....[/php]

style="manni" defines code styling. Currently are 22 available styles.

Default styling is default wich is very nice, but maybe you like other styles. see “Color styles” section.
If you set “linenumbers” to inline or table, the line numbers will be added as independent table column or as part of the line.
Examples
`

[javascript]
//comment line
var foo = “foo”;
var bar = function(){
var baz;
}
[/javascript]
`
Outputs highlighted js with default style, and no line numbers.
`

[javascript style=”monokai” linenumbers=”inline”]
//comment line
var foo = “foo”;
var bar = function(){
var baz;
}
[/javascript]
`
Outputs highlighted js with monokai style with line numbers (as part of the line).
`

[javascript style=”monokai” linenumbers=”table”]
//comment line
var foo = “foo”;
var bar = function(){
var baz;
}
[/javascript]
`
Outputs highlighted js with monokai style with line numbers (as new column).
Color styles
These are supported color styles:

monokai
manni
rrt
perldoc
borland
colorful
default
murphy
vs
trac
tango
fruity
autumn
bw
emacs
vim
pastie
friendly
native

Languages and filetypes supported
Pygments not only highlights languages. also highlights filetypes like .conf Nginx configuration file, Apache (filenames .htaccess, apache.conf, apache2.conf), etc.
NOTE: to use see “Usage” section
important sdsd;
General

apacheconf: (.htaccess, apache.conf, apache2.conf)
bash, sh, ksh:
(*.sh, *.ksh, *.bash, *.ebuild, *.eclass, .bashrc, bashrc)
ini, cfg: (*.ini, *.cfg)
makefile:
(.mak, Makefile, makefile, Makefile., GNUmakefile)
nginx:
Nginx configuration file
yaml:
(*.yaml, *.yml)
perl:
Perl (*.pl, *.pm)
vb.net:
VB.net (*.vb, *.bas)
console:
Bash Session (*.sh-session)

Javascript

javascript: Pure Javascript
coffeescript: Pure CoffeeScript
json: Pure JSON

PHP

cssphp: PHP embedded in CSS
htmlphp: PHP embedded in HTML
jsphp: PHP embedded in JS
php: Pure PHP
xmlphp: PHP embedded in XML

Ruby

ruby, duby: Ruby (*.rb, *.rbw, *.rake, *.gemspec, *.rbx, *.duby)
csserb, cssruby: Ruby embedded in CSS
xmlerb, xmlruby: Ruby embedded in XML

CSS and CSS compilers

css:
CSS (*.css)
sass:
Sass (*.sass)
scss:
SCSS (*.scss)

HTML and HTML template systems

html:
HTML (*.html, *.htm, *.xhtml, *.xslt)
haml:
Haml (*.haml)
jade:
Jade (*.jade)

SQL

sql:
SQL (*.sql)
sqlite3:
sqlite3con (*.sqlite3-console)
mysql:
MySQL

Python, jinja & Django

python: Pure Python
python3: Pure Python 3
xmldjango, xmljinja: Django/Jinja embedded in XML
cssdjango, cssjinja: Django/Jinja embedded in CSS
django, jinja: Pure Django/Jinja
htmldjango, htmljinja: Django/Jinja embedded in HTML
jsdjango, jsjinja: Django/Jinja embedded in Javascript

Java && family

java:
Java (*.java)
clojure:
clojure (*.clj)
groovy:
Groovy (*.groovy)
jsp:
Java Server Page (*.jsp)

C, C++, Objetive-c, C Sharp

cobjdump: c-objdump (*.c-objdump)
c: C (*.c, *.h, *.idc)
cpp: C++ (*.cpp, *.hpp, *.c++, *.h++, *.cc, *.hh, *.cxx, *.hxx)
csharp: C# (*.cs)
objectivec: (*.m)

XML

xml: (*.xml, *.xsl, *.rss, *.xslt, *.xsd, *.wsdl)
xslt: (*.xsl, *.xslt)

各版本下載點

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

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

1.0 | 1.1 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | trunk |

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

  • Code Syntax Block 》代碼語法區塊（Code Syntax Block）擴充了 WordPress 區塊編輯器，使用 Prism 語法高亮工具為核心代碼區塊添加了語法高亮支持。, Prism 語法高亮工具在前端執...。
  • Syntax-highlighting Code Block (with Server-side Rendering) 》這個外掛擴展了 WordPress 核心的程式碼塊，以添加在伺服器上呈現的語法突顯。現有的網站上的程式碼塊會自動擴展，以包含語法突顯。使用伺服器端的語法突顯消...。
  • Code Block Syntax Highlighter for Elementor 》「Code Block Syntax Highlighter for Elementor」是一個 Elementor 的小工具，可讓您在您的網站上增加具有 prism.js 語法高亮的程式碼區塊。, 目前支援 Pris...。
  • Syntax Highlight 》WordPress外掛和主題編輯器中的語法突出顯示。, 特色, , 在外掛和主題編輯器中進行語法突出顯示, 通過CTRL+S進行AJAX保存, 在有未保存的更改時詢問是否要離開...。
  • WP-SynHighlight 》此外掛提供在貼文和評論中的語法突顯功能。, , , 完整的 GUI 模式。不需要像其他外掛一樣在編輯器中切換到程式碼模式再切回來。, 具備即時語法突顯支援的 GUI...。
  • Elementor Syntax Highlighter 》由於 Elementor 現已擁有自己的語法突出顯示小工具，因此此外掛已不再維護。, 這個 Elementor 小工具可讓你在內容中加入語法突出顯示的程式碼片段。, 語法突...。
  • Syntax Highlighter++ 》這個 WordPress 外掛不僅提供語法高亮效果，還在文章編輯頁面加入了一個文字區塊和一個按鈕。, 只要選擇程式語言，將程式碼貼入文字區塊，再點擊“OK”按鈕，你...。
  • CC-Syntax-Highlight 》CC-Syntax-Highlight 外掛支援文章、頁面和任何公開自訂文章類型的語法高亮顯示。, 它使用 highlight.js 或 google-code-prettify 函式庫。, 此外，它還可以...。
  • REST API support for Crayon Syntax Highlighter 》REST API 創建的文章中的程式碼語法未突顯嗎？, Crayon Syntax Highlighter 是 WordPress 中最好的程式碼語法突顯外掛之一，但目前它尚未支援 REST API。這意...。
  • Post Editor Zen Coding 》, 這個外掛可在 WordPress 文章編輯頁面上新增一個語法突出顯示的編輯器，內建 Emmet（Zen Coding）引擎，可以將類似 ul.nav>li.nav-item$*4>a 的內容...。
  • Compilebin 》這是一個語法高亮外掛，同時也是一個介面，可以連接到 https://www.compilebin.com 提供的在雲端上的編譯器 API 服務。它透過 REST API 與雲端服務進行互動，...。
  • Simple Gist Embed 》這個外掛讓你可以在你的文章或頁面中嵌入 Github 的 Gists，但與其他類似外掛不同之處在於，它允許你在不離開 WordPress 的情況下創建 Gists。, 就是這樣，你...。
  • Code Highlighter Block – Syntax Highlighter Gutenberg Block 》Code Highlighter Block 是一個簡單、輕量級的程式碼語法高亮外掛，可以讓不同語言的程式碼被高亮顯示。, 它擁有一個很棒的主題並支援多種語言。, 主要功能：...。
  • CodeHighlighter 》這個外掛是一個語法高亮插件，使用 GeSHi 作為字體引擎。, 使用方法, , 將程式碼片段放在 “` 標籤內。, 在程式碼標籤中加入語言屬性，像這樣：
  • WP-SimpleSyntaxHighlighter 》Simple SyntaxHighlighter for WordPress 將 Alex Gorbatchev 的 JavaScript SyntaxHighlighter 加入到您的網誌中。, Alex Gorbatchev 的 SyntaxHighlighter ...。

文章
Filter
Apply Filters
Close
Mastodon