现在的位置:首页>wordpress>正文

比wp-codebox、codecolorer、wp-syntax等wordpress代码高亮还好用的插件syntaxhighlighter

2012年12月08日 ⁄ 共 592字 评论 1 条

有部分时候,我们会去网站上找一些代码来完善自已的网站或者博客,而很多的网站上你找来的代码人家做出来的效果是高亮显示的,注意到了吗.如下图:

在看图前,我们可以先看看非插件用代码实现wordpress博客中的代码高亮这篇文章.这个方法可以节省一个插件.

syntaxhighlighter

其实自已也用过好几个代码高亮的插件,比如wp-codebox、codecolorer、wp-syntax等,但是由于各种原因,都一一下岗了,原因很简单,这些插件都或多可少有那么一点缺陷,你可以直接到后台搜索安装就行了,如果你的主机不支持联网,那么也可以去这里下载:http://wordpress.org/extend/plugins/syntaxhighlighter/.现在最新的版本是3.13,对wordpress3.42的支持还是比较好的!

安装好以后,只要用默认的设置就行了,如下图:

syntaxhighlighter

在需要插入代码的文章里用与代码相符的标签把代码包起来,例如需要插入css代码,则只需要用及其闭包把代码包围起来就行,在插件设置页面后面有一些简单的示例可以参考,如下图:

syntaxhighlighter

目前2.x版本的才支持放鼠标到代码区显示复制、查看、打印代码的按钮。

PS:在官网上找到以下说法:

确保你的当前主题的footer.php的文件中有<?:PHP  wp_footer();?>这一个语句,否则该插件将不能够正常工作.

不知道是何用意,因为我的当前主题是符合以上条件的!

评论 1 条 评论内容很精采,有内幕,而且绝对有干货

  1. Youth.霖 2014年02月16日 16:28  @回复  Δ-49楼 回复

    我想用pre标签

给我留言