您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > PHP > wordpress教程技巧 > 正文

jquery博客终于找到适合的代码插件啦WP Code Highlight

2012-05-16 11:05:26 作者:天外飞仙 人气:4426 Views

jquery博客也快2个月多了,主要是写点WEB前端这块的平时常用的效果啥的。
正因为如此,有个好的代码插件,那可是一大利器啊,不然那么多代码放那太多不利于浏览。
试过几个代码插件,比如SyntaxHighlighter EvolvedGoogle Syntax Highlighter for WordPressWP-ChiliCode ColorerDojox WordPress Syntax Highlighter,等等不是代码无法选择就是显示效果不佳,哎,折腾的头大。
不断寻找,今天逛wordpress官方论坛,一哥们介绍WP Code Highlight
一安装久违的效果,显示蛮实在,正是自己需要的,有时简单也是一种美,而我就要这样的美。
安装步骤
1,官网下个WP Code Highlight
2,进入后台插件 上传插件,选择该插件,安装,启用,OK插件生效啦。(ps:中间出现过Fatal error: Call to undefined function curl_init() in D:\wamp\www\wwpp\wordpress-3.3.2-zh_CN\wordpress\wp-content\plugins\wbto.php on line 32错误 对wp研究不多,经高人指点是另一插件用到CURL,而本地没有开启CURL,不懂百度了下,大概类似down的小偷程序似的,不知是否蒙对,欢迎指正哈)反正那插件没用起来,果断关闭。
3,设置下 Code Highlight

jquery博客终于找到适合的代码插件啦WP Code Highlight

WP Code Highlight

 

jquery博客终于找到适合的代码插件啦WP Code Highlight

WP Code Highlight设置 配置

把代码按钮开启 主题有几个默认是第一个,闲不住分别试了下其他几个,感觉不是很搭,代码行号要开启的,不然一堆堆看的眼花,找起来也不方便,删除设置也勾上,可以绿色化。
4,效果如下

//代码

这样就完成啦。终于有个代码高亮插件了,兴奋中。
基本上都是写写东西的,如果你先可视化编辑器和HTML来回切换麻烦,可以屏蔽的哦亲。
进入自己的账号,点击右上角账号

jquery博客终于找到适合的代码插件啦WP Code Highlight

WP Code Highlight设置 配置

第一个打钩就行了。
完毕,写点留点字迹方便以后自己和他人阅读。

链接:http://www.jqueryba.com/335.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!