[WordPress] 外掛分享： Syntax Highlight Nano

前言介紹

  • 這款 WordPress 外掛「Syntax Highlight Nano」是 2025-12-12 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2026-01-26，距離現在已有 30 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

ejointjp |

外掛標籤

code | gutenberg | code block | highlight.js | syntax highlighting |

內容簡介

總結：Syntax Highlight Nano 為 WordPress 的核心代碼塊添加了美觀，可定制的語法突出顯示功能，並與 Gutenberg 編輯器無縫集成，提供編輯器和前端間一致的外觀和感覺。

問題與答案：
1. 這個外掛主要功能是什麼？
- 回答：為WordPress的核心代碼塊添加美觀、可定制的語法突出顯示功能。

2. 這個外掛如何與Gutenberg編輯器集成？
- 回答：它與Gutenberg編輯器無縫集成，提供編輯器和前端間的一致外觀和感覺。

3. 安裝並激活這個外掛後，如何使用？
- 回答：在WordPress編輯器中添加標準的"Code"塊，輸入代碼。在塊設置側邊欄中可以選擇編程語言、添加文件名、切換標題可視性以及切換行號可視性。

4. 這個外掛的隱私政策如何？
- 回答：這個外掛不收集任何個人數據，不設置cookies，也不與外部服務連接。所有處理都在您的伺服器上和使用者的瀏覽器中進行。

原文外掛簡介

Syntax Highlight Nano adds beautiful, customizable syntax highlighting to WordPress’s core code block.
It integrates seamlessly with the Gutenberg editor, providing a consistent look and feel between the editor and the frontend.
Because it extends the existing “Code” block, there is no need for a separate custom block or switching between different block types.
This plugin is built on top of highlight.js, ensuring accurate and performant syntax highlighting for a wide variety of languages.
Features

Automatic language detection: Intelligently detects the programming language of your code.
Customizable header: Optionally display a header above the code block with a filename or language name.
Line numbers: Toggle line numbers on or off to improve code readability.
Copy to clipboard button: A convenient button appears on hover, allowing users to copy the code with a single click.
Lightweight and performant: Uses highlight.js for efficient, optimized syntax highlighting.
WordPress best practices: Built following WordPress development standards.

How to Use

Install and activate the plugin.
In the WordPress editor, add a standard “Code” block.
Enter your code.
In the block settings sidebar, you can:

Select a programming language (or leave it for automatic detection).
Add a filename.
Toggle header visibility.
Toggle line number visibility.

The code block will be automatically highlighted on the frontend.

Privacy
This plugin does not collect any personal data. It does not set cookies or connect to external services. All processing happens locally on your server and in the user’s browser.
Credits
This plugin uses highlight.js (BSD 3‑Clause License).
Copyright (c) 2006, Ivan Sagalaev
https://github.com/highlightjs/highlight.js
Support
For support, feature requests, and bug reports, please visit:
https://github.com/takashifujisaki/syntax-highlight-nano/issues

各版本下載點

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

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

1.0.4 | 1.1.1 | trunk |

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

  • SyntaxHighlighter Evolved 》現在支援 WordPress 5.0 中的新區塊編輯器！, SyntaxHighlighter Evolved 讓您可以輕鬆地在網站上張貼帶有語法加亮功能的程式碼，而不會失去格式或做任何手動...。
  • Enlighter – Customizable Syntax Highlighter 》Enlighter 是一款免費且易於使用的 WordPress 語法高亮工具。其語法高亮效果是由 EnlighterJS javascript 函式庫所提供，能呈現出漂亮的程式碼外觀。, 您可以...。
  • WP-Syntax 》WP-Syntax 提供乾淨的語法突顯，使用 GeSHi，支援多種流行的語言，包括有或沒有行號的語法突顯，可以在從瀏覽器中複製程式碼片段時保持格式。, 它通過運行早...。
  • Kindeditor For WordPress 》由於這個外掛的使用者大多是中文使用者，因此以下我會使用中文繼續敘述。, Kindeditor是一個簡單高效、易於使用的編輯器，具備自動代碼高亮功能。。
  • Simple Code Block 》這是一個簡單的區塊，可供新版 WordPress 編輯器 Gutenberg 使用，使用 Ace 編輯器插入並顯示程式碼。, 現在使用此簡單的代碼區塊及 Ace 編輯器，輕鬆地在您...。
  • Better WordPress Syntax Highlighter 》此外掛可讓您在文章中的程式碼中加入語法標註。它簡單、輕巧且非常容易使用，具有多種選項。此外掛可與編輯器一起使用，且不會破壞您的程式碼格式。此外掛使...。
  • ACE HTML Block 》此外掛註冊了一個使用 ACE 編輯器的原始 HTML 區塊，功能包括語法高亮顯示、行號、縮排和 HTML 驗證。, 您區塊中包含的任何 HTML 標記都將像核心「自訂 HTML...。
  • Xhtheme Code Block 》**總結:**, Xhtheme Code Block 是一個 WordPress 外掛，用於在您的網站上添加程式碼區塊，支援語法高亮，並能適應主題的明亮和暗黑模式切換。, , **問題與答...。
  • WP-Syntax Download Extension 》這個外掛可以為WP-Syntax添加下載功能，每個代碼段落都會有漂亮的標題，其中包含一個永久鏈接錨點和兩個操作按鈕："原始"和"下載"。, 使用方法很簡單，只需將...。
  • WordPress Rainbow Hilite 》「WordPress Rainbow Hilite」已不再維護。如果您有意接手此外掛，請在 [github issues](https://github.com/mcguffin/wp-rainbow-hilite/issues) 留言通知。...。
  • WP Colored Coding 》這個外掛將酷炫的 JavaScript 語法高亮器 Rainbow.js 引入您的 WordPress-Blog 中，使您能夠獨立管理程式碼片段而不受文本編輯器的影響。, 重要！- 這個外掛...。
  • Simple Gist Embed 》這個外掛讓你可以在你的文章或頁面中嵌入 Github 的 Gists，但與其他類似外掛不同之處在於，它允許你在不離開 WordPress 的情況下創建 Gists。, 就是這樣，你...。
  • scGeSHi 》這是一個簡單的程式碼高亮度外掛，使用者可以輕鬆將遠端的原始檔案進行高亮度處理。, 此外掛使用 GeSHi 引擎，支援大量的程式語言。, 此外掛使用類似於 Code ...。
  • Prism Syntax Highlighter (detached) 》將Prism Syntax Highlighting Library整合至 WordPress。, 這個外掛是被稱為「分離式」，因為程式碼範例不會和所有的其他文字和內容混在一起裝在所見即所得編...。
  • Prettify For WordPress 》Prettify 是一個 WordPress 的外掛程式，可以自動嵌入 Google Code Prettify 所需的 JavaScript。此外，它還包括預覽代碼的功能，並且可以通過安裝 WordPress...。

文章
Filter
Apply Filters
Close
Mastodon