最强代码高亮插件 Crayon Syntax Highlighter —— WordPress插件

摘要

能够实现代码高亮的插件很多,不用插件的方案也很多。使用插件是比较简单的方案,不需要折腾代码细节,但是前提是要选一款好用的插件。从易用性和功能两方面来看,Crayon Syntax Highlighter插件应该是首选。

Crayon Syntax Highlighter是一个强大的代码高亮插件,强大的地方主要是它拥有多种高亮主题和多种显示字体来展示代码让使用者有足够多的搭配选择,另一方面就是其加载速度快,可以解析代码中的html,并且着色效果更好。安装的方法很简单只要在wordpress后台搜索名称安装设置即可,后台设置灵活,插入代码方便。

 

最强代码高亮插件 Crayon Syntax Highlighter —— WordPress插件

 

支持的语音

ABAP、ActionScript、AmigaDOS、Apache、AppleScript、Arduino、Assembly、AutoIt、C、C#、C++、CoffeeScript、CSS、Delphi/Pascal、Diff、(thanks、to、omniavin)、Erlang、(thanks、to、Daniel)、Go、Haskell、HTML、(XML/XHTML)、Lisp、Lua、Microsoft、Registry、MIVA、Script、Monkey、MS-DOS、MySQL、Java、JavaScript、Objective-C、Perl、PHP、PostgreSQL、PowerShell、Python、R、Ruby、Scheme、Shell(Unix)、Transact-SQL、TeX、Vim、Visual、Basic、YAML…

 

Crayon Syntax Highlighter插件特点

✔集成主题编辑器

✔切换行号

✔复制 / 粘贴代码

✔在新窗口中打开代码

✔支持 bbPress

✔自动获取博客文章 / 评论中的<pre>…</pre> 进行高亮

✔远程请求缓存

✔可以在一个代码框内混合语言高亮显示

✔支持迷你标签,如 [php] [/php]

✔可以在行内调用代码高亮

✔支持<pre> 标记

✔手机 / 触摸屏设备检测

✔鼠标事件交互(例如在工具栏上双击可以全选代码)

✔Retina!

✔文件扩展名检测

✔设置实时预览

✔支持修改尺寸,边距,对齐方式,字体大小,行高……

 

选择Crayon Syntax Highlighter插件,还有一个很重要的原因,就是这款插件的易用性做的非常好。插件安装启用之后,文章编辑工具条中会多出一个按钮,点击这个按钮,然后将代码粘贴到弹出的窗口内,再选择几个参数,就完成了一段代码的高亮插入。

 

Crayon Syntax Highlighter插件在编辑工具条上的按钮

点击这个类似于html代码元素符号边界的按钮,就可以看到插入代码的窗口:

最强代码高亮插件 Crayon Syntax Highlighter —— WordPress插件

 

Crayon Syntax Highlighter插件的代码插入窗口

 

就是因为这个窗口,让代码插入文章变得简单轻松,各种参数可以随时调整,满足你个性化代码展示的需求。

 

安装设置

方法一:wp后台->插件->安装插件->搜索Crayon Syntax Highlighter插件,点击在线安装!(推荐)

方法二:或者下载后上传安装,下载地址:https://downloads.wordpress.org/plugin/crayon-syntax-highlighter.zip

将下载的文件解压,然后将解压后的 crayon-syntax-highlighter 文件夹 上传到/wp-content/plugins/目录,在插件后台启用即可;

方法三:进入后台插件安装界面,选择上传安装插件,并选择之前下载得到的 zip 压缩包即可;

wp后台->设置->Crayon,开始设置:

(三分快乐8—五分快乐8官方只更改了插件默认设置的两个地方:一是设置了 css 样式主题,名字为familiar 。另一个是设置了一个排版的最大宽度为 720px,其他保持默认就行了。)

最强代码高亮插件 Crayon Syntax Highlighter —— WordPress插件

 

配置界面有一个效果预览窗口,用于查看当前配置在页面的展示效果。

 

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: