Ryan

不用插件实现WORDPRESS代码高亮显示
偶尔在日志中加入一些代码,感觉完全没必要安装代码高亮插件,万一某天不用插件了,页面可能会很乱。其实大部分插件都是在...
扫描右侧二维码阅读全文
09
2014/03

不用插件实现WORDPRESS代码高亮显示

偶尔在日志中加入一些代码,感觉完全没必要安装代码高亮插件,万一某天不用插件了,页面可能会很乱。其实大部分插件都是在代码中强行加入一些标签,然后用CSS定义样式,通过查看页面源文件可以清楚地看到。

今天推荐的是一款本地转换代码高亮显示的小工具:CodeRender,本程序是基于 dp.SyntaxHighlighter 写的代码语法着色的工具。支持的语言有:

java/xml/sql/jscript/css/cpp/c#/python/vb/perl/php/ruby/delphi
下载地址:http://pan.baidu.com/s/1kTzAMO3

可方便用于你的博客中粘贴代码,只要自定相应的样式 (highlight.css 的内容,.Text 支持自定义样式或在模板里加上语法样式),然后复制用这个工具生成的 HTML 代码就能让你的代码着高亮显示。 可以加入更多语种的支持,本程序就是在 dp.SyntaxHighlighter 的基础上扩展了对 Perl 语言的支持,网上可以找到相应语法的 JS 代码和 CSS。语言扩展支持通过在 shCore.js 和 highlight.css 加入相应代码即可。

方法:

1、首先,把highlight.css上传到所使用主题目录中;

2、其次:打开header.php,查找(不仅限于,类似的就行):

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css" />

3、在后面添加:

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/highlight.css" />

但需要注意的是Wordpress会自动把半角符号替换为全角,别人复制下来的函数代码标点是全角的,无法使用,切记!

解决办法:
打开并编辑 wp-includes/formatting.php 文件,找到以下代码:

// static strings
$curl = str_replace($static_characters, $static_replacements, $curl);
// regular expressions
$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

将$curl 开头的两句代码注释掉,如下:

// static strings
//$curl = str_replace($static_characters, $static_replacements, $curl);
// regular expressions
//$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

预览:
由于换了Typecho后没有用这种方式,所以没有预览了

原文地址: http://www.blogjava.net/Unmi/archive/2008/05/03/197903.html

搬瓦工年付$187机房套餐补货了,电信联通优化,512M内存/500G流量/1G带宽,建站稳定,优惠码:BWH1ZBPVK,【点击购买】!
搬瓦工年付$28CN2高速线路,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快,建站稳定,优惠码同上,【点击购买】!
Last modification:September 8th, 2018 at 09:22 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

11 comments

  1. 喵小姐

    这个技能赞!!!

  2. 极雪

    蛋疼的一件事是复制代码会加上行号

    1. Ryan
      @极雪

      绝对是浏览器的原因

  3. xilouqingzhu

    学习下,高亮插件载入的东西太多

    1. Ryan
      @xilouqingzhu

      是啊,能不用插件就不用插件

  4. 于尼玛

    CodeRender这货赞一个

    1. Ryan
      @于尼玛

      CodeRender的确不错,不过有待我们去改进

  5. 神父

    so 叼,捡起来了,多谢

    1. Ryan
      @神父

      就是用这有点麻烦

  6. Jimmy

    沙发吗? :arrow:

    1. Ryan
      @Jimmy

      这次是了