WordPress最好用的代码高亮插件Crayon Syntax Highlighter

作为一个技术博客,总会用到很多地方需要写代码的地方。这时候代码高亮插件就很重要了。

本站之前也用过好几个代码高亮插件,最近的一个是WP-Syntax,在WordPress代码高亮插件WP-Syntax常用内容记录一文中也介绍了这个插件。但是他有个很头疼的地方,就是,在后台编辑的时候,需要去html模式和可视化模式来回切换,这一切换就惨了,自动就会把html代码转义,比如>这个大于号转换为>,唯一的解决办法,就是把文章整个写完,把代码部分流出来,然后去文本模式写代码,然后就不能切回来了,直接发布文章。如果这时候要修改文章内容的话,就惨了,一切回可视化模式,代码就被转义了。

后来我发现了Crayon Syntax Highlighter这个代码高亮插件,他的代码高亮格式和WP-Syntax几乎一致的,而且他有很多后台配置的功能。更重要的是,其实你根本不用去文本模式写代码了,安装他之后,在后台新文章的工具栏多了个按钮,可以直接在可视化模式里直接插入代码,里面还包含很多配置的功能,你再也不用鼓捣那些pre里面的参数了。

Crayon Syntax Highlighter
Crayon Syntax Highlighter

就是这么的简单,直接去后台插件安装那里搜寻Crayon Syntax Highlighter,找到一个满星安装量很高的插件,直接安装,然后这时候直接启用这个插件,停掉WP-Syntax这个插件。最重要的一点就是他们是兼容的,轻松切换,不会影响以前的代码展现。

去到后台,找到Crayon Syntax Highlighter插件的设置页面,在代码一栏里,找到“在代码中进行HTML转义”,勾选,保存,这样以前由于切换模式导致的html转义,现在都可以正常显示了。

在写文章的页面,找到一个<>这样的图标,点击就是插入代码的地方。一般情况下,我们主要关注的就是语言、关建行(会特别高亮)、代码,其他的一般不需要设置。不过作为了解你可以看下看看自己喜欢的个性化设置。这部分设置也可以直接去刚刚插件总体的设置页面直接改,全局生效。

本文原创于赵伊凡BLOG转载请注明出处。

看到这么好的插件,大家还不快去更新。更多好玩的功能等待你去发现。

©原创文章,转载请注明来源: 赵伊凡's Blog
©本文链接地址: WordPress最好用的代码高亮插件Crayon Syntax Highlighter

发表评论

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