WordPress整合syntaxhighlighter语法高亮代码

最近整理自用主题的一些代码,差点忘记我的语法高亮代码是怎么弄的了,后来看了看JV大神的代码,才有点映像,现在搬运大神的代码做个笔记。

一、首先下载Syntaxhighlighter


密码: 1i45

二、下载之后解压出来的syntaxhighlighter里面有三个文件夹,我们只取两个文件来使用,引用文件的大小取决于你需要用到的语法类型,一般也是css、php、javascript、bash等几种类型,主要引用的js是lighterCode.js,如果要添加新的类型,可以从script文件夹中选择,将代码复制粘贴到lighterCode.js里面,另一个是css文件,和js一样,高亮有几种样式,主要引用的css是shCore.css,如果要改变样式,只需要复制其他代码覆盖shCore.css里面的全部内容即可
在header.php引用,也可以用js引用,前者就不详尽了,后者代码如下:

// 语法高亮
document.write("<link rel='stylesheet' type='text/css' href='...../syntaxhighlighter/styles/shCore.css' />");
document.write("<script type='text/javascript' src='...../syntaxhighlighter/scripts/lighterCode.js'></script>");

路径根据自己的实际位置修改。
三、执行函数
SyntaxHighlighter.highlight();
或者
SyntaxHighlighter.all();
一般用前者。

本文共 4 个回复

  1. 牧羊人 says:
    好久没来了~~~话说你这代码没亮 啊!

发表留言,喵!