4款受欢迎的WordPress代码高亮插件推荐

如果我们有用WordPress搭建的技术博客肯定在博客中会有用到在内容发布代码。但是直接将代码贴到页面中感觉美观度不够,还是希望代码有代码的格式,这个就需要用到高亮代码功能。我个人在使用古登堡主题的时候直接有内置代码高亮,但是有些人不喜欢这样的,他们希望复杂一些支持不同代码格式的。

这里,麦子整理4款比较受欢迎的WordPress代码高亮插件,如果我们也在寻找这些插件可以参考。

1、Syntax-highlighting Code Block

Syntax-highlighting Code Block
插件:https://wordpress.org/plugins/syntax-highlighting-code-block/

这个扩展的Code块使用语言自动检测来添加语法高亮显示,但是您可以在块的设置侧栏中覆盖该语言。(编辑器中的Code块目前没有语法高亮显示。)该插件支持highlight.php支持的所有编程语言(作为highlight.js的一个端口)。还扩展了Code块,以支持指定上述突出显示的行。还有一个复选框,用于确定是否在前端显示行号(这些行号不可选择)。考虑到不同主题的代码块中是否应该换行的不一致,这个插件添加了样式来强制默认为无换行,并在需要的时候使用复选框来选择换行。

2、Code Syntax Block

Code Syntax Block
插件:https://wordpress.org/plugins/code-syntax-block/

Code Syntax Block ,使用Prism语法高亮显示功能为核心代码块添加了语法高亮显示支持。Prism语法高亮显示程序运行加载在前端的JavaScript来解析代码块并应用语法标记。CSS文件指定应用于该标记的颜色和样式。

3、Code Prettify

Code Prettify

Code Prettify ,是一个比较简单的代码高亮,没有丰富的行数显示,就是比较简单的兼容WP页面中的代码区分文字的格式。

4、Highlighting Code Block

Highlighting Code Block
插件:https://wordpress.org/plugins/highlighting-code-block/

Highlighting Code Block ,支持高亮代码。我们只需要在安装插件后在编辑器会出现一个按钮,我们点击后在中添加需要设置高亮的代码就可以。

这里,如果我们有需要WORDPRESS代码高亮插件可以从这几个用户使用较多的高亮代码插件选择。

投票 post
© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享