存档

文章标签 ‘代码高亮’

wordpress插件之代码高亮SyntaxHighlighter

2009年12月28日 没有评论

晚上研究了下代码高亮插件,感觉这个SyntaxHighlighter比较漂亮,纯客户端渲染,不耗服务器资源。可惜wordpress plugins里搜不到,要不就是比较老的版本,无奈之下只好手动安装了

  1. 下载,syntaxhighlighter地址
  2. 找一个地方存在这些js,css文件,以便能访问到,比如我的是www.xiaocaihua.com/sh/xxx,xxx是解压后的文件目录结构
  3. 找到对应主题的文件夹,比如我的是/wp-content/themes/inove,编辑两个文件
  4. header.php,在css那段添加1个core css文件,然后选择一个主题的css文件
  5. footer.php,在</body>前添加1个core js文件,然后添加对应的希望支持的语言的js,最后添加一段js代码

示例:

  /**
     * SyntaxHighlighter
     */
Class Test {
    public static void main(String args[]) {
         System.out.println("Hello, World!");
    }
}

参考

  1. syntaxhighlighter插件主页
  2. 上面的4,5,具体在这里
  3. syntaxhighlighter可选主题
  4. syntaxhighlighter支持的编程语言列表
分类: wordpress 标签: ,