当前位置:首页 » WordPress » 分享WordPress实现代码高亮功能的插件 » 正文


分享WordPress实现代码高亮功能的插件

发布日期:2014-05-28 00:17   来源:谭海波   本文永久链接
摘要:我去年对谭海波博客进行第四次改版的时候决定启用代码高亮的功能,然后经过我的搜索和试用,发现一款代码高亮的插件Crayon Syntax Highlighter很好用,特此分享给大家。 很多博主在发布包含代码内容文章时会遇到这样的一个问题,如果直接在编辑框添加代……

我去年对谭海波博客进行第四次改版的时候决定启用代码高亮的功能,然后经过我的搜索和试用,发现一款代码高亮的插件Crayon Syntax Highlighter很好用,特此分享给大家。

很多博主在发布包含代码内容文章时会遇到这样的一个问题,如果直接在编辑框添加代码内容的话,文章页面打开以后就看到了转码的效果,就是代码要实现什么功能,前台就显示了什么功能,好不尴尬。而如果在编辑框添加的是没转码的代码,就会浪费很多字节,并且对于后期维护也不太方便。所以说,代码高量功能势在必得。

今天,我要给大家分享一款实现代码高亮功能的插件:Crayon Syntax Highlighter,通过这个插件就可以轻松实现代码高亮效果,而且不用担心后期代码维护的麻烦和繁冗的代码符号。更令人激动的是,Crayon Syntax Highlighter插件支持绝大多数主流程序语言的代码高亮哦。

安装Crayon Syntax Highlighter

直接在WordPress管理后台搜索这款名为“Crayon Syntax Highlighter”的插件,然后执行安装操作,也可以在WordPress官网搜索这款插件,然后在WordPress管理后台的插件管理中,上传插件压缩包,然后执行安装操作。

如何使用Crayon Syntax Highlighter

使用代码高亮插件其实是很简单的,在文章编辑框直接点击Crayon按钮然后设置语言类型并添加代码就可以了。也可以直接在文本编辑模式下添加代码:

分享WordPress实现代码高亮功能的插件

上面的代码是指添加一段PHP语言的代码。

Crayon Syntax Highlighter提供了个性化的样式功能,当你安装好了这款插件以后,后台的设置中有对这款插件的详细设置,比如代码的样式,高亮功能的细节等等。这里我就不详细说了,只要仔细研究一下,很容易就可以学会这款代码高亮插件的使用了。

好了,今天就分享到这里吧,希望这篇文章对大家有点用处哦。



关注谭海波博客官方微信公众平台
文章分类WordPress
文章标签:
本文永久链接:http://tanhaibo.net/2014/05/crayon-syntax-highlighter.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

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