经常要在博客里贴 Lua 代码,但默认的 SyntaxHighlighter 插件并不支持这门语言,于是研究了一下如何为它添加新语言的支持。下面把过程分享出来,以 Lua 为例,其他语言的操作完全同理——只需将对应的项换成你自己的设置即可。
-
首先,从 这篇博客 里找到你需要的语言。
-
下载对应的 shBrushXXX.js 脚本,比如这里下载的是
shBrushLua.js,内容大致如下:复制代码
SyntaxHighlighter.brushes.Lua = function() { var keywords = 'break do end else elseif function if local nil not or repeat return and then until while this'; var funcs = 'math\\.\\w+ string\\.\\w+ os\\.\\w+ debug\\.\\w+ io\\.\\w+ error fopen dofile coroutine\\.\\w+ arg getmetatable ipairs loadfile loadlib loadstring longjmp print rawget rawset seek setmetatable assert tonumber tostring'; this.regexList = [ { regex: new RegExp('--\\[\\[[\\s\\S]*\\]\\]--', 'gm'), css: 'comments' }, { regex: new RegExp('--[^\\[]{2}.*$', 'gm'), css: 'comments' }, // one line comments { regex: SyntaxHighlighter.regexLib.doubleQuotedString, css: 'string' }, // strings { regex: SyntaxHighlighter.regexLib.singleQuotedString, css: 'string' }, // strings { regex: new RegExp(this.getKeywords(keywords), 'gm'), css: 'keyword' }, // keyword { regex: new RegExp(this.getKeywords(funcs), 'gm'), css: 'func' }, // functions ]; } SyntaxHighlighter.brushes.Lua.prototype = new SyntaxHighlighter.Highlighter(); SyntaxHighlighter.brushes.Lua.aliases = ['lua']; -
用 FTP 工具登录到 WordPress 空间,进入
wp-content/plugins目录,新建一个目录,取一个有意义的名称,比如syntaxhighlighter-lua。 -
将刚才下载的
shBrushLua.js上传到新创建的目录里。 -
在该目录下再创建一个
shBrushLua.php文件,内容如下:复制代码
-
所有文件准备完毕,进入 WordPress 后台管理的“插件”页面,应该能看到新增的
syntaxhighlighter-lua插件,直接激活它即可。
Done! 现在应该就能正常高亮 Lua 代码了。
其实新加的 JS 和 PHP 文件也可以直接放到 SyntaxHighlighter 插件本身的目录下,但把它们独立成一个插件的好处是:当 SyntaxHighlighter 升级时,你的自定义配置不会被覆盖而丢失。