asp网上书店的代码_10个WordPress代码高亮插件推荐（2019年）

最新推荐文章于 2022-06-21 19:44:17 发布

weixin_39669163

最新推荐文章于 2022-06-21 19:44:17 发布

阅读量177

点赞数

很多技术博客都会折腾一些代码，然后将自己的折腾过程记录下来，发到博客上供大家相互学习。但是WordPress自身的代码功能比较简陋，没有自带的高亮效果，这让用户阅读起来比较吃力。

当然，国内有很多比较成熟的主题都集成了代码高亮插件，如果没有集成代码高亮功能的，就有必要安装一款合适的代码高亮插件。里维斯社从网上整理了一些2019年目前仍在更新的10个WordPress代码高亮插件，推荐给你。

1、Crayon Syntax Highlighter

下载地址：https://wordpress.org/plugins/crayon-syntax-highlighter/

Crayon Syntax Highlighter是功能最全面的代码高亮插件，使用PHP和Jquery构建的，安装好之后它会在Wordpress编辑器中添加一个代码按钮，你可以自定义地添加代码

同时你还可以选择语言、字体、代码格式等多种选项，而且你可以选择自己喜欢的主题，比如Monokai、Eclipse等，内置了几十种风格。

提供了一个工具条，让访客自助能够控制代码的显示，比如：

代码换行
超长宽度展示
代码全部选中功能
行号隐藏
新标签中打开代码

2、Pure-Highlightjs

依赖项目：https://highlightjs.org/

下载地址：https://codeload.github.com/icodechef/Pure-Highlightjs/zip/1.0

一个基于 Highlightjs 实现的 WordPress 代码高亮插件，支持 N 多种语言高亮，还提供多种主题。

3、SyntaxHighlighter Evolved

下载地址：https://wordpress.org/plugins/syntaxhighlighter/

SyntaxHighlighter Evolved是一款非常简洁的插件，最大的特点就是使用方便，他不会为编辑器添加任何多余的元素，如果你想高亮代码，只需要在代码的前后插入对应语言的短代码即可，比如插入PHP语言，就用 [php]代码[/php] 这样的格式，当然这样就无法调整样式了，你可以到插件的设置中设置一个默认的样式，然后应用到所有的代码。

4、Enlighter

下载地址：https://cn.wordpress.org/plugins/enlighter/

相比于其他的插件，Enlighter更加具有现代设计的简洁风格，采用小字体非常的漂亮，支持代码块高亮和行内代码高亮，不管是前台的展示还是后台设计，都是非常用心的设计。

相比Crayon很多非常专业的选项，Enlighter这款插件显得非常易懂，只需要点开输入框，复制进代码保存就行了，不需要进行任何额外的设置就能做出漂亮的代码显示，而且Enlighter很方便的一点就是你可以直接在Wordpress的默认TinyMCE编辑器中直接修改代码，而不必再打开代码框就行修改，即使你是不熟悉代码的人，也能轻松的上手。

5、Code Prettify

下载地址：https://cn.wordpress.org/plugins/code-prettify/