破阶

乘风破浪会有时,直挂云帆济沧海

Enlighter-一款功能强大好用的WordPress代码高亮插件

Enlighter,全名是Enlighter – Customizable Syntax Highlighter。Enlighter是一款免费的、易于使用的、语法突出的插件工具,可以嵌入到后台编辑器。支持各种自定义和各种脚本的专属添加形式,而且也有代码行数和自定义CSS样式,总之功能很强大。

第一、Enlighter插件安装和设置

1、插件下载激活

地址:https://wordpress.org/plugins/enlighter/

或者我们直接在后台搜索”Enlighter – Customizable Syntax Highlighter”进行安装启用即可。

2、插件设置

《Enlighter-一款功能强大好用的WordPress代码高亮插件》
我们可以设置样式、默认语言、缩进、行数提示等等。总之很详细,如果我们需要深入研究得花点时间,默认也是可以的。

第二、Enlighter插件使用

我们在内容编辑器上找到按钮(Code Insert)点击直接添加就出来添加代码的窗口。

《Enlighter-一款功能强大好用的WordPress代码高亮插件》

看到弹窗,我们来选择语言和格式和添加代码。

《Enlighter-一款功能强大好用的WordPress代码高亮插件》

文章保存更新后我们在前台看到如下效果

《Enlighter-一款功能强大好用的WordPress代码高亮插件》

三、修改样式中的字体大小

找到wp-content/plugins/enlighter/resources/EnlighterJS.min.css样式中的.EnlighterJS span

把里面的字体大小12px改成你需要的大小,在这里我改成16px; 效果如下图:

《Enlighter-一款功能强大好用的WordPress代码高亮插件》

 

四、总结

Enlighter这款WordPress代码高亮插件功能强大,而且设置简单,使用的时候也比较简单,且展现的代码高亮也是比较友好。如果有需要用WordPress代码高亮插件的,建议用Enlighter。

 

点赞

2003年你错过了淘宝红利,2009年你错过了微博红利,2013年你错过了公众号红利,2018年你错过了抖音红利,2020年的视频号红利,你绝对不能再错过!扫码进行学习。
  1. 我用的。为什么代码都一个颜色

发表评论

邮箱地址不会被公开。 必填项已用*标注