A-A+
通用代码高亮插件:SyntaxHighlighter
因为博客需要展示一些代码,所以安装了代码高亮插件:SyntaxHighlighter。
SyntaxHighlighter样式还不错,加载速度也很快!
默认安装的话,展示出来的代码会有SyntaxHighlighter的‘帮助’字样广告。
下面给出SyntaxHighlighter去掉广告的方法:
在博客网站目录插件下,找到shCore.css这个文件(通常是在style这个文件夹下),打开它,在里面找到“.syntaxhighlighter .toolbar {”(粗体部分),然后在这个类的最后加上“display:none;”(粗体部分),就可以了。 实例如下:
.syntaxhighlighter .toolbar { position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important; display: none; }
打开public_html/wp-content/plugins/syntaxhighlighter/这个目录,发现有两个版本: 怎么知道自己使用的是那个版本呢?首先去到WordPress管理面板,找到插件的设置界面查看自己的版本: 我使用的是3,所以打开3那个文件夹,来到相应的目录public_html/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles,找到shCore.css,打开编辑,添加display:none; 保存即可。下载打开界面发现即去除了帮助图片。而且在谷歌浏览器的审查元素里面也没有错误了。