如果你也想要代碼高亮，卻不需要太過(guò)復(fù)雜的設(shè)置，那么可以試試這款wordpress代碼高亮插件。
唯一的三合一語(yǔ)法熒光筆！
使用Prism.js，Highlight.js或普通代碼轉(zhuǎn)義顯示漂亮的代碼片段：
- Prism.js?–使用Prism.js進(jìn)行代碼轉(zhuǎn)義+語(yǔ)法突出顯示
- Highlight.js?–使用Highlight.js進(jìn)行代碼轉(zhuǎn)義+語(yǔ)法突出顯示
- 原味?-代碼轉(zhuǎn)義，不突出語(yǔ)法
使用Highlight.js可查看演示文章。我還在WP-Mix上使用此插件來(lái)處理所有代碼片段。
Prism.js功能
- 支持47種編碼語(yǔ)言
- 從所有8個(gè)可用的棱鏡主題中選擇
- 提供用于添加代碼段的Gutenberg塊
- 提供TinyMCE / Visual按鈕以添加代碼段
- 啟用Prism插件行號(hào)
- 啟用Prism插件行高亮
- 啟用Prism插件顯示語(yǔ)言
- 啟用Prism插件“?復(fù)制代碼”按鈕
- 在帖子內(nèi)容，摘錄和評(píng)論中突出顯示代碼
- 檢測(cè)
language-并lang-分類前綴 - 將語(yǔ)法突出顯示限制為帖子和頁(yè)面
- 突出顯示單行和多行代碼
- 對(duì)代碼轉(zhuǎn)義的粒度控制
- 智能加載CSS和JS資產(chǎn)
- 在單個(gè)帖子視圖上支持ACF
Highlight.js功能
- 支持37種編碼語(yǔ)言
- 從所有90多種可用的精選主題中進(jìn)行選擇
- 提供用于添加代碼段的Gutenberg塊
- 提供TinyMCE / Visual按鈕以添加代碼段
- 自定義Highlight.js初始化JavaScript
- 在帖子內(nèi)容，摘錄和評(píng)論中突出顯示代碼
- 將語(yǔ)法突出顯示限制為帖子和頁(yè)面
- 高亮顯示多行代碼塊
- 檢測(cè)
language-并lang-分類前綴 - 啟用對(duì)無(wú)前綴類名的支持
- 對(duì)代碼轉(zhuǎn)義的粒度控制
- 智能加載CSS和JS資產(chǎn)
原味特征
- 為帖子內(nèi)容，節(jié)選和/或注釋啟用代碼轉(zhuǎn)義
- 在前端和/或管理區(qū)域中啟用代碼轉(zhuǎn)義
- 提供用于添加代碼段的Gutenberg塊
- 提供TinyMCE / Visual按鈕以添加代碼段
- 轉(zhuǎn)義單行和多行代碼片段
- 轉(zhuǎn)義
<code>標(biāo)簽（基于配置）
一般特征
- 易于設(shè)置和配置
- 使用WordPress API構(gòu)建
- 干凈利落，無(wú)錯(cuò)誤的代碼
- 天生簡(jiǎn)單，沒(méi)有多余的裝飾
- 輕巧，快速，靈活
- 專注于性能和安全性
- 僅在需要時(shí)加載CSS / JS資產(chǎn)
- 遵循HTML編碼最佳做法
- 與古騰堡塊編輯器一起使用
- 定期更新和“面向未來(lái)”
棱柱形僅逃避了保持代碼干凈的基本要求。
多種代碼高亮風(fēng)格可選，支持古登堡模塊。
如果你需要更加簡(jiǎn)單的，可以試試這款：
