Auto SyntaxHighlighter插件-让WordPress的代码高亮易如反掌

最近将博客从Micolog转移到WordPress,写文章时放出的代码没有高亮很不方便,缩进也变得一塌糊涂.

想起了以前Micolog里在用的SyntaxHighLighter插件,这东西好像就是从WP上移植过去的,于是博主就在Google里找这个东西.

但是我国文字蕴含的垃圾信息实在太多了…找到的大多数是老文章,还有一些不是应用在WP上的例子.

既然找不到那就自己做一个吧,博主我带着这种幼稚想法进入了SyntaxHighlighter的官网.

下载到SyntaxHighlighter3.0.83版本,打开压缩包一看是一大堆的Js和Css文件,顿时就失去了兴致.

这是官网的安装说明:

Basic Steps

To get SyntaxHighlighter to work on you page, you need to do the following:

  1. Add base files to your page: shCore.js and shCore.css
  2. Add brushes that you want (for example, shBrushJScript.js for JavaScript, see the list of all available brushes)
  3. Include shCore.css and shThemeDefault.css
  4. Create a code snippet with either <pre /> or <script /> method (see below)
  5. Call SyntaxHighlighter.all() JavaScript method

看起来还是挺简单的嘛,不过似乎每种语言都要判断一次,不然载入多余的文件就不好了.

然后懒惰的博主就在显示器前露出了这样的表情ˋ( ° ▽、° )

所谓懒惰促进人类发展,果然我还是去找插件吧.

<这里才是正文>

首先在wordpress.org(官网)找到的是一个与syntaxhighlighter同名的插件,最后一次更新时间是在2007年.

2007年的时候syntaxhighlighter的代码还托管在google code呢,大概已经跟不上时代了,Pass.

顺藤摸瓜找到Auto SyntaxHighlighter,更新时间是在写这篇文章的前一天.

点开详细内容,依然是syntaxhighlighter的代码,不过是托管在Github上的,而且依介绍来看,使用方法及其简单:

  1. 下载插件并解压缩
  2. 将插件文件夹上传到你的wp-content/plugins/目录.
  3. 进入后台启用插件

(连设置选项都没有,不愧对Auto这个单词).

简单三步,用上代码高亮.