wordpress使用SyntaxHighlighter代码高亮插件

2018年2月12日21:23:12 发表评论 30

之前贴代码是使用的主题自带的代码转换页面,但是使用久了,次数多了慢慢会发现非常的不方便,每次贴代码都要先转换再复制到wordpress文本编辑区域,今天我已经解决了我这个问题,用的就是SyntaxHighlighter代码高亮插件,这款插件使用非常好用,对新手来说:有设置界面,可自由更换代码高亮主题,转换代码简单等优点,你可以这个链接下载SyntaxHighlighter,这会帮助你以后贴代码节省时间。

wordpress使用SyntaxHighlighter代码高亮插件

一、安装配置

下载好SyntaxHighlighter压缩包之后,直接在wordpress后台插件栏中,以上传插件的方式来安装插件,安装好了之后,默认选中Load All Brushes(我的不选中不起效果),保存更改就可以了,上面的颜色主题你也可以一个一个试试,保存之后下面可以看到主题的效果。

二、使用

SyntaxHighlighter使用直接添加个类brush:+语言名称就可以了,比如我写的是HTML语言

class="brush:html"

注意:不可在可视化编辑器里面写,在文本编辑器写上面代码,写完之后直接预览有效果,但是切换到可视化编辑器后再预览效果就没有了,切记要在文本编辑器里面发布就可以了。

猿梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: