博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WordPress官方推荐的代码高亮插件
阅读量:6474 次
发布时间:2019-06-23

本文共 737 字,大约阅读时间需要 2 分钟。

  hot3.png

今天花了大半天的时间,终于选择好自己心仪的wordpress代码高亮插件,同时它也是wordpress官方推荐的代码语法高亮插件。在选择的过程中,我对比和试用了若干个代码高亮wordpress插件,包括有国人开发的wp-codebox、codecolorer、wp-syntax等,但这些插件不是很久没有更新和最新的wordpress不兼容导致安装不上,就是功能无法满足我的要求。直到我在里看到了我要的效果,以及在文章最后找到了。

效果预览

syntaxhighlighter效果预览

  该插件是基于开源的js组件实现的,代码高亮效果实在是湿水的棉花-没得弹的!而且放鼠标到代码区域,右上角还会显示复制代码、查看代码、打印代码等的功能键,而这也是其他插件所不具备的。

安装

  可以去直接下载进行安装,或者搜索关键词“SyntaxHighlighter Evolved”,选择排在第一位的进行安装。

设置

syntaxhighlighter设置

  安装完插件后,可以对插件的相关选项进行设置,该插件可以实现SyntaxHighlighter的2.x和3.x版本之间进行切换,建议选择2.x版本,因为经试用,发觉只有2.x版本的才支持放鼠标到代码区显示复制、查看、打印代码的按钮。

使用

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

syntaxhighlighter使用

  在使用该插件的过程中遇到任何问题,可以留下评论,大家帮忙解决。

转载于:https://my.oschina.net/surjur/blog/408715

你可能感兴趣的文章
软件项目管理“固化、简化、标准化”
查看>>
[20160325]参数resumable_timeout.txt
查看>>
Lucene.Net 2.3.1开发介绍 —— 三、索引(七)
查看>>
部署报表和 ReportViewer 控件 rdlc
查看>>
JavaScript的隐式转换
查看>>
使用librtmp进行H264与AAC直播
查看>>
如何学习微信公众平台的开发?
查看>>
Jquery 获取和设置元素属性值
查看>>
命令行利器Tmux
查看>>
云服务应用开发所面临的9大挑战
查看>>
各大互联网公司架构演进之路汇总
查看>>
PostgreSQL汉字转拼音
查看>>
了解ASP.NET MVC几种ActionResult的本质:FileResult
查看>>
一位资深程序员大牛给予Java初学者的学习路线建议
查看>>
753个大奖邀请各位新老博主入驻云栖,请技术人员广而告之
查看>>
恩信科技:市场为什么需要云计算ERP
查看>>
《Linux From Scratch》第三部分:构建LFS系统 第六章:安装基本的系统软件- 6.1. 简介...
查看>>
阻碍云实例优化的5个常见问题
查看>>
ICOME2013见证数据科学家和创业者诞生
查看>>
F5:致力提升与中国云服务商合作力度
查看>>