WordPress代码高亮最牛插件Crayon Syntax Highlighter

WordPress代码高亮插件是程序员必备的一款插件,WordPress114网会推荐Crayon Syntax Highlighter这款插件,本网站目前使用的就是这款代码高亮插件。WordPress114网详解Crayon Syntax Highlighter这款插件的安装下载地址以及使用方法:

Crayon Syntax Highlighter下载与安装

WordPress后台->插件->安装插件->搜索Crayon Syntax Highlighter,点击在线安装;
或者将该插件下载到本地,然后上传插件安装,下载地址:https://wordpress.org/plugins/crayon-syntax-highlighter/
详细参考:WordPress插件安装方法

如何使用?

如何使用?

Crayon插入代码的方法

Crayon插入代码的方法


安装后,默认Crayon会自动集成到文本编辑器中,将文本编辑器切换到“文本”(不要使用可视化),如上图所示,点击crayon按钮插入代码。

Crayon后台设置

Crayon设置

Crayon设置

设置Settings->Crayon即可进入设置页面

Crayon Syntax Highlighter插件设置

Crayon Syntax Highlighter插件设置

Theme:可设置主题;
Font:设置字体、字体大小、行高;
Metrics:设置上下左右间距;
...
大家实际设置下,对照下效果即可

Crayon Syntax Highlighter插件亮点

✔ 默认集成到主题编辑器中,使用更方便;
✔ 集成主题编辑器
✔ 切换行号
✔ 复制 / 粘贴代码
✔ 在新窗口中打开代码
✔ 支持 bbPress
✔ 自动获取博客文章 / 评论中的<pre>…</pre>进行高亮
✔ 远程请求缓存
✔ 可以在一个代码框内混合语言高亮显示
✔ 支持迷你标签,如 [php] [/php]
✔ 可以在行内调用代码高亮
✔ 支持</pre>标记
✔ 手机 / 触摸屏设备检测
✔ 鼠标事件交互(例如在工具栏上双击可以全选代码)
✔ Retina!
✔ 文件扩展名检测
✔ 设置实时预览
✔ 支持修改尺寸,边距,对齐方式,字体大小,行高……