[WordPress] 外掛分享： Kebo Code

內容簡介

(注意：需要使用古騰堡編輯器)

一個句法 / 代碼高亮的古騰堡區塊外掛。 將您的代碼粘貼到區塊中，設置語言，並在前端正確高亮顯示您的代碼。

功能

古騰堡編輯器中的句法高亮區塊
在編輯器和預覽之間切換，確切查看前端會出現什麼樣式。
支援 121 種語言，列在這裡。
2個主題：VSCode深色+和Github。更多主題即將推出。查看以下屏幕截圖。
產生靜態 HTML 輸出，沒有前端腳本或使用者追蹤。

外掛標籤

開發者團隊

原文外掛簡介

(note: Gutenberg Editor Required)
A syntax / code highlighter Gutenberg block. Paste your code into the block, set the language and see your code highlighted exactly like it will display on the frontend.
Features

Syntax highlighting block for the Gutenberg Editor
Switch between editor and preview, see exactly what will appear on the frontend.
Supports 121 languages, listed here.
2 Themes, VSCode Dark+ and Github, see the screenshots below. (more coming soon)
Static HTML output, no frontend scripts or user tracking.

延伸相關外掛

HTML Editor Syntax Highlighter使用 CodeMirror.js 在傳統文章和頁面 HTML 文字編輯器、Gute...Enlighter – Customizable Syntax HighlighterEnlighter 是一款免費且易於使用的 WordPress 語法高亮工具。...Crayon Syntax Highlighter一款支援自訂語言和佈景主題的 PHP 和 jQuery 語法突顯外掛。...Urvanov Syntax HighlighterUrvanov Syntax Highlighter 是一款以 PHP 與 jQuery 打造的...CodeMirror BlocksCodeMirror Blocks 可用於開發人員的博客、教學網站以顯示格...WP-Markdown這個外掛允許您使用 Markdown 語法來撰寫任何文章類型的文章...Gist GitHub Shortcode這款外掛可以通過使用 shortcode 在您的文章中添加 Github Gi...APH Prism Syntax HighlighterPrism 是一個最受歡迎的語法高亮工具，被許多博客或網站廣泛...AH Code Highlighter使用起來非常簡單，並且非常輕量的代碼高亮化，具有 8 種不同...iG:Syntax HiliteriG:Syntax Hiliter 可讓您在網站上發布原始碼，並提供語法突...WordPress Code Snippet這個外掛可以讓你在頁面或文章中加入程式碼片段，非常適合程...SyntaxHighlighter Evolved: Go Brush此外掛程式啟用 Syntax Highlighter Evolved 的 Golang 語法...Better Code Editing此專案將 CodeMirror 功能添加到外掛和主題文件編輯器，以及...Vaaky Highlighter – Syntax Highlighter for GutenbergVaaky Highlighter 是 WordPress 的免費、易於使用的語法高亮...SyntaxHighlighter Evolved: VHDL Brush這款外掛可以透過擴展Syntax Highlighter Evolved的功能來啟...