前言介紹
- 這款 WordPress 外掛「Vaaky Highlighter」是 2021-10-04 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2024-01-01，距離現在已有 489 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
raunak01 |
外掛標籤
blocks | gutenberg | highlight.js | syntax highlighter |
內容簡介
Vaaky Highlighter 是 WordPress 的免費、易於使用的語法高亮外掛程式。高亮功能是透過 Highlight.js JavaScript 語法高亮軟體實現，支援自動偵測語言且無需其他相依性。
只需添加 Vaaky Highlighter Sourcecode 區塊 (Gutenberg)，並輸入要高亮顯示的程式碼，Vaaky Highlighter 就會自動處理其餘內容！
以下是 所有支援主題的展示頁面。
使用方式
於內容中新增 Vaaky Highlighter 區塊
輸入程式碼
選擇語言（選用）
儲存文章/頁面，檢查在前端顯示的效果
支援語言
Apache
Bash
C
C#
C++
CSS
DNS Zone file
DOS
Django
Dockerfile
Go
HTML
XML
Handlebars
JSON
Java
JavaScript
Markdown
Nginx
Objective C
PHP
Plaintext
PostgreSQL & PL/pgSQL
PowerShell
Python
R
Ruby
Rust
SCSS
SQL/MySQL
Shell
Twig
TypeScript
YAML/YML
原文外掛簡介
Vaaky Highlighter is a free, easy-to-use, syntax highlighting tool for WordPress. Highlighting is powered by the Highlight.js javaScript syntax highlighter with language auto-detection and zero dependencies.
Using it will be as straightforward as adding a replacement Vaaky Highlighter Sourcecode block (Gutenberg) and insert the code that you wish to highlight: Vaaky Highlighter takes care of the rest!
Here is the demo page of all the supported themes.
Usage
Add a Vaaky Highlighter block within your content
Write your code
Select the language (optional)
Save the post/page and check your in frontend
Supported languages
Apache
Bash
C
C#
C++
CSS
DNS Zone file
DOS
Django
Dockerfile
Go
HTML
XML
Handlebars
JSON
Java
JavaScript
Markdown
Nginx
Objective C
PHP
Plaintext
PostgreSQL & PL/pgSQL
PowerShell
Python
R
Ruby
Rust
SCSS
SQL/MySQL
Shell
Twig
TypeScript
YAML/YML
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Vaaky Highlighter」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | trunk |
延伸相關外掛（你可能也想知道）
HTML Editor Syntax Highlighter 》使用 CodeMirror.js 在傳統文章和頁面 HTML 文字編輯器、Gutenberg 代碼編輯器和佈景主題及外掛編輯器中加入語法突顯。, 功能, , 在文章/頁面 HTML 編輯器中...。
Enlighter – Customizable Syntax Highlighter 》Enlighter 是一款免費且易於使用的 WordPress 語法高亮工具。其語法高亮效果是由 EnlighterJS javascript 函式庫所提供，能呈現出漂亮的程式碼外觀。, 您可以...。
Crayon Syntax Highlighter 》一款支援自訂語言和佈景主題的 PHP 和 jQuery 語法突顯外掛。, 它可以從 URL 或 WordPress 文章的文字中進行突顯。Crayon 讓管理語言檔案和使用正則表達式定...。
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...。
CodeMirror Blocks 》CodeMirror Blocks 可用於開發人員的博客、教學網站以顯示格式化（高亮顯示）任意程式代碼。, 它支援 100 多種編程、腳本和標記語言，擁有 56 種不同的主題風...。
WP-Markdown 》這個外掛允許您使用 Markdown 語法來撰寫任何文章類型的文章。在儲存文章之前，外掛會將 Markdown 轉換為 HTML。編輯文章時，外掛會將其轉換回 Markdown 語法...。
Gist GitHub Shortcode 》這款外掛可以通過使用 shortcode 在您的文章中添加 Github Gists。, 範例：, 添加完整的 gist：, [gist id="3837669"], , 添加 gist 中的特定文件：, [gist i...。
APH Prism Syntax Highlighter 》Prism 是一個最受歡迎的語法高亮工具，被許多博客或網站廣泛使用，其中一些知名網站包括 Mozilla、Drupal 和 SitePoint。, 為什麼許多網站偏好使用這個高亮工...。
AH Code Highlighter 》使用起來非常簡單，並且非常輕量的代碼高亮化，具有 8 種不同的代碼高亮化主題。您可以將代碼與或不帶行號進行突出顯示。它是基於 Lea Verou 的 Prism.js。Pr...。
iG:Syntax Hiliter 》iG:Syntax Hiliter 可讓您在網站上發布原始碼，並提供語法突顯和格式化效果（如同程式碼編輯器和 IDE 所示）。您可以直接從您的程式碼編輯器或 IDE 貼上原始...。
WordPress Code Snippet 》這個外掛可以讓你在頁面或文章中加入程式碼片段，非常適合程式教學網站使用。, 升級說明, 如果你正在從 1.0 版升級，你會在程式碼庫頁面上看到一個升級選項。...。
SyntaxHighlighter Evolved: Go Brush 》此外掛程式啟用 Syntax Highlighter Evolved 的 Golang 語法。您可以使用 [go] 或 [golang] 在貼上程式碼時使用這種語法。, 請至 http://luisivan.net/2011/0...。
Prettify GC Syntax Highlighter 》此外掛直接複製了美化程式庫 prettify.js 從 google-code source browser。如此您的程式碼將會長得和在 google-code 上一模一樣。, CSS 被稍微修改了，以加粗...。
Better Code Editing 》此專案將 CodeMirror 功能添加到外掛和主題文件編輯器，以及自訂外觀自訂 CSS 方塊和自訂 HTML 小工具中。, 我們正在處理有關核心票證 #12423 的討論。, 如有...。
SyntaxHighlighter Evolved: VHDL Brush 》這款外掛可以透過擴展Syntax Highlighter Evolved的功能來啟用VHDL和Verilog語言的語法高亮顯示（因此，您需要安裝它）。, 您可以在Estado Finito網站上檢查V...。