storm的配置以及实例实践-设置虚拟机网络

在虚拟机安装完centos之后,事实上我们已经可以开始动手配置安装storm相关的软件或者依赖了。但是想想,我们是在本地上进行开发测试,面对几台虚拟机,我们不可能每次都跑到虚拟机里面打开命令行,然后进行相关操作。所以,后面我会介绍到一个比较常用的ssh连接工具securecrt,它允许我们在本地连接多台远程服务器。

假如我们的ip是变化的,而虚拟机默认的NAT网络连接模式中的DHCP机制会让虚拟机里的系统ip发生变化,因此,为了方便起见,我们需要将虚拟机的网络进行设置,改成静态ip,这样我们每次通过外部工具连接虚拟机的时候就不必要更改ip了。下面说说怎么更改。

过程我是从http://www.cnblogs.com/magialmoon/archive/2013/08/10/3250393.html中学习的,因此在这里引用一下,并加上一些自己的解释。

首先关闭VMware的DHCP:

Edit->Virtual Network Editor1

选择VMnet8,去掉Use local DHCP service to distribute IP address to VMs选项。点击NAT Settings查看一下相关的网络地址,如下:

2

将这三个地址截图或者记事本记下来,Subnet IP是子网地址,Subnet mask是子网掩码,Gateway IP是网关地址。

然后就可以到centos里面设置静态ip了。

涉及到3个文件

/etc/sysconfig/network
/etc/sysconfig/network-scripts/ifcfg-eth0
/etc/hosts

首先修改/etc/sysconfig/network
第二行是主机名,可以根据需要修改,我就改成了main,第三行是网关地址,填写上文提到的网关地址,如下:

NETWORKING=yes
HOSTNAME=main
GATEWAY=192.168.129.2

然后修改/etc/sysconfig/network-scripts/ifcfg-eth0
下图高亮的都是修改过的,其中需要注意的是以下几点:

第四行IPADDR,指的是ip地址,这里就设置成你要的ip地址,但是需要和你的ip子网相匹配,也就是说,回到上文Subnet IP,子网地址是192.168.129.0,我们只需更改最后一位即可,我这里改成了192.168.129.100,同样照葫芦画瓢,我们之后再建立虚拟机的时候,就分配192.168.129.101,依次类推;

第五行NETMASK,子网掩码,把上文中提到的子网掩码加进去即可。

最后一行的DNS1,是指定DNS服务器,DNS是域名解析服务器,如果不填写则会无法解析域名,我们可以填写自己电脑上的DNS,也可以填写百度的公共DNS:180.76.76.76,我这里就是用的百度的。

DEVICE="eth0"
#BOOTPROTO="dhcp"
BOOTPROTO="static"
IPADDR=192.168.129.100
NETMASK=255.255.255.0
HWADDR="00:0C:29:56:8F:AD"
IPV6INIT="no"
NM_CONTROLLED="yes"
ONBOOT="yes"
TYPE="Ethernet"
UUID="ba48a4c0-f33d-4e05-98bd-248b01691c20"
DNS1=180.76.76.76

最后修改/etc/hosts

最后一行加入:ip和主机名,根据你之前的设置填写即可

192.168.129.100   main

设置完毕以后,reboot一下虚拟机。

最后,我们再来关闭防火墙,由于是在虚拟机上面进行试验,所以为了方便起见,把防火墙关了,但在实际的生产环境中,是要对机器的防火墙进行详细的配置的,这里不多说。 下面说下关闭防火墙的步骤。

在终端依次输入以下两条命令即可:

service iptables stop 
chkconfig iptables off

然后输入service iptables status查看一下状态,会显示Firewall is not running。

至此,虚拟机网络的设置已经搞定,下一篇继续讲配置。

storm的配置以及实例实践-安装虚拟机

由于storm是一个分布式的计算框架,在实际的开发环境中是基于集群的,通常有一个主节点,分发任务给子节点,没错,和hadoop是类似的。那我们在自己学习以及调试的过程中,往往是没有真实的服务器集群给我们使用的,那么,虚拟机就是一个不错的选择。我在本地打算搭建3个虚拟机,来模拟三台服务器。下面说说安装虚拟机的过程。

首先安装vmvare,我装的版本是vmvare10,网上也有序列号,装完之后输入即可完成注册。这里就不细说了。

随后,就是在虚拟机里面安装系统了。我安装的是CentOS 6.5_X64,是64位的,根据你的电脑选择即可。

先下载iso文件:http://www.centoscn.com/CentosSoft/iso/2013/1205/2196.html

下载完成之后,打开vmvare,点击新建虚拟机,选择典型安装。然后选择安装iso,把刚才下载的centos系统的iso文件选择进来,根据实际情况设置内存大小(之后也可以更改),然后下一步下一步下一步安装系统即可,非常简单。需要注意的一点是,你需要记住你的用户密码。

之后就等待安装即可,有时候系统提示你选择不要忘了选择。大部分时间是等待。

centos系统安装

等待1个小时左右,系统就安装完毕了,可能用惯windows的朋友会不大习惯,不过,熟悉linux对搞大数据开发还是很有必要的,因此我们之后的操作基本上都是要通过命令行来完成,所以暂时忘掉那些界面吧!当然,默认安装的centos6.5是有操作界面的。就这样,一个虚拟机就安装完成了,接下来,我们就需要对它进行配置,最后再克隆两份即可。

下一篇讲配置,配置还是有很多内容的。

 

storm的配置以及实例实践-前言

这两天准备开始着手研究一下著名的大数据处理框架storm。在网上看了一些教程之后,概念清晰了一点,也大概明白了它的机制,当然纸上谈兵是没有用的,最终还得落实到实践当中,毕竟这个框架的强大之处在于它支撑了许多强调实时性的大数据项目。

这篇前言就先简单介绍一下storm,之后再写一个系列,记录一下我在本地配置storm集群、跑storm的简单例子。说句题外话,研究大数据,Linux系统得比较熟悉,因为很多开源的框架技术都是基于Linux的,另外,现在服务器的搭建,Linux仍是主流,跟我一样刚入门的朋友得在这方面下下功夫了。

处理实时流数据

首先对于流数据,百度百科是这么描述的:流数据是一组顺序、大量、快速、连续到达的数据序列,一般情况下,数据流可被视为一个随时间延续而无限增长的动态数据集合。

因此,流数据一般是实时的,比如某地人流聚集状况,服务器访问信息等等。Storm可以不断地取这些流数据,并作处理,这个过程是实时的,也是连续的。

工作机制

Storm由一个主节点和多个工作节点组成,他们之间的工作协调是由另外一个出名的服务zookeeper完成的,没错,storm和hadoop一样,都是批处理大数据。

Storm处理数据的基本过程

首先,你得有数据的来源,比如我们可以从消息队列kafka中获得数据,在storm中,获得数据的组件叫做Spout,英文意思是喷水口、水龙头,它负责得到源源不断的数据。

然后,这些数据会分发给谁呢?那就是BOLT,英文意思是闪电,这个bolt是关键,主要的处理逻辑、处理流程都是写在里面,而且bolt之间可以传递,相当于处理的一个个流程,比如,第一个bolt负责将数据进行过滤,并把过滤后的数据传给第二个bolt,第二个负责将数据进行统计,并写入数据库,这就完成了一个流程。他们之间传递的单位是tuple,也就是我们常说的元组,数据必须得按照storm的规范封装到tuple里面。如下图,水龙头和闪电之间的关系。

storm示意图

Storm的基本名词、概念

  • Topologies
  • Streams
  • Spouts
  • Bolts
  • Stream groupings
  • Reliability
  • Tasks
  • Workers

以上是官方文档里面的提到的概念,这里就不翻译了,英文程度尚可的朋友可以试着读一下    http://storm.apache.org/documentation/Concepts.html

现在没搞懂没关系,之后我们实践了、跑一个程序就大概知道怎么回事了。

 

总之,storm很强大,并把很多东西都写好了,留下好用的接口给我们。具体怎么使用,就见仁见智了。我之后,会在本地进行测试、学习,由于storm是分布式计算的框架,那么,我将就会在虚拟机安装几个centos当服务器,作为模拟,这和真实情况(有机房,有服务器)虽然有差距,但是对于理解原理来说,也足够了。前言就先写到这里了,都是一些个人的理解,之后会把自己的学习过程完整的记录下来,包括搭建环境、运行程序等等。

 

wordpress吃内存?大多是插件的问题

昨天折腾了一天,自己的一个用wordpress搭的站点竟然提示内存不够用,不能正常访问了。

网站访问出错

百度了一下,都说是wordpress太占内存,众说纷纭,有不少人说是要把分配内存的最大值改大。没办法,我照着改了一下,确实能打开了。

问题是,网站变得无比的卡,我观察了一下服务器的CPU和内存的占用,几乎每一次的访问都爆掉了,CPU100%,内存快占满了。显然,问题不在分配内存上。

重新看之前问题的截图,说是wp-db.php的问题,我去看了一下源代码,并没有什么稀奇。是这么一个函数

function _real_escape( $string ) {
    if ( $this->dbh ) {
        if ( $this->use_mysqli ) {
	    return mysqli_real_escape_string( $this->dbh, $string );
	} else {
	    return mysql_real_escape_string( $string, $this->dbh );
	 }
    }

    $class = get_class( $this );

        if ( function_exists( '__' ) ) {
	    _doing_it_wrong( $class, sprintf( __( '%s must set a database connection for use with escaping.' ), $class ), E_USER_NOTICE );
	} else {
	    _doing_it_wrong( $class, sprintf( '%s must set a database connection for use with escaping.', $class ), E_USER_NOTICE );
	  }

    return addslashes( $string );
}

就是一个和数据库有关的函数,问题可能就出在数据库了。

再结合一下访问日志,我发现有很多本服务器ip访问自己的记录。而且访问的都是wp-cron.php,百度了一下,这个是wp的定时功能,用于定时发布文章,定时备份数据库等功能。可是之前用都基本没有问题的啊。

再用PHPmyadmin查看一下数据库表,问题出现在这里!原来,wp_options表的 cron写入大量无用的数据,果然是它。更深度的原因,竟然是百度sitemap插件!

相信很多站长都有用这款插件,自动生成网站地图,是国人柳城开发的,但这款插件许久没有更新了,而wordpress最近自动更新到最新版本,导致插件不兼容。这款插件用到了定时的功能,来更新站点地图,于是在不兼容的情况下,往数据库里面写入了大量无用的数据。

于是,出现了以上的所有情况。

真相大白,把数据库wp_options表清理了一下,停用了这款插件。网站终于正常。现在回头看,这款插件真的是新手才会用的,用代码完全可以直接实现,而且不用多余的写入数据库、定时更新。教程请移步–>wordpress代码实现网站地图sitemap的html和xml的方法

总结一下,看了网上其它人的情况,还有自己的情况,基本上可以看出来,当你的wordpress内存不足,或者很占CPU的时候,要么是你网站的访问量突然很大,要么,就是插件的问题了。而现在的wordpress有自动更新机制,建议停掉,然后在手动更新之前,看看自己的插件能不能兼容新版本,插件的更新也要及时。

另外,网站访问日志、错误日志也要好好看!问题大多能在里面找到!

 

真的是404了

deadline是最佳动力,这句话从来就没有错。

准备了一个学期的软件工程课程设计,在最后两个星期里进度突飞猛进,最终获得老师的肯定,也是不容易。

唯一让我心塞的是,答辩的早上,我猛然发现,我的文件夹中仅仅剩下测试用例,文档全部不翼而飞!不知道是前一天凌晨准备测试用例的时候误删操作还是怎么样,总而言之,文档不见了!

这是什么文档呢?还得从我的这个项目说起。

这个项目,做的是一个基于校园的买卖系统,前端用bootstrap2.0,整站用基于python的django框架。除了有点前端和后台的基础,对上面的技术路线基本没接触过。也就是从头学起了。

因而,在这个过程中,用文档记录下了开发的过程,当时还没有开博客。

到项目进行到一半的时候,我就开了这个个人博客,当时已经想着说,把这次相对来说较为完整的项目经历,记录到博客上面。于是word便成为了我的记事本。

可惜事与愿违,强行恢复也找不到这些文件了,真的是404了。

后来想想也没什么,毕竟代码是自己亲力亲为,思路是自己亲力亲为,所以这些文档的记录,根本就不会消失,他们就在我脑子里。所以,到之后有时间,我准备把这次项目的开发过程,完整的记录到博客上面,和大家一起学习。

关于jquery中callback函数的使用

今天在做一个网站开发的过程中遇到了一个小问题,解决之后,发现这应该是很多学习jquery的新手朋友们会遇到的问题,故在这里记录一下。

基本需求和实现要点:这是一个购物网站,在用户点击“收藏店铺”或者“收藏商品”之后,用ajax把数据传递给后台进行处理,后台返回一个值给html,再由html根据返回的值,在页面上用一个模态框显示信息,随后模态框淡出。

在这里,为了简化问题,我们暂时不谈后台的处理。

似乎看上去,对模态框,用一个fadeout方法来处理就可以了,但是事实上,用户可能会进行连续多次的点击收藏,此时模态框就不一定能正确显示和淡出了。为此,我们自然而然的得到另外一种方案,就是在模态框淡出之后,删除该模态框元素,待下次再点击,再创建这个元素。

于是顺着这个思路,我犯了一个错误。

我在jquery中写了这么三句代码

$(document.body).append('<div id="top_alert">'+text+'</div>');
$('#top_alert').fadeOut(3000);  
$('#top_alert').remove();

按照往常编程的逻辑思维,元素fadeOut之后,被删除。而事实上,按照上面的写法,我们是看不到fadeOut的效果的,因为在我们还没看到效果,下面的remove已经起作用了,即元素已经被删除。

这里就是我们新手经常会犯的错误之一。

事实上,jquery给我们提供了callback函数这种机制,就是用来解决这个问题的。

我们常常看到一些jquery函数会有callback这个参数,比如

$(selector).fadeOut(speed,callback);

这里fadeOut方法的第二个参数callback,就是一个回调函数,意思就是说,在fadeOut 函数执行完之后,会执行callback函数。

回到刚开始的问题,此时就很明朗了。我只需要把$(‘#top_alert’).remove();这一句写进callback函数里面就行了。具体实现如下:

$(document.body).append('<div id="top_alert">'+text+'</div>');
$('#top_alert').fadeOut(3000,function(){
$('#top_alert').remove();

这样就可以不出错的实现该效果了。

如何使用中科院分词系统(java版)

做数据挖掘,分词是很重要、很基础的一个环节。单独实现一个分词系统并不是一件简单的事情,特别是对于中文而言。好在中科院已经有一套开源的分词系统NLPIR,我们可以直接拿来使用,很方便。下面我就记录一下基于java怎么使用这套系统。

首先看一下关于分词系统的简介

NLPIR汉语分词系统(又名ICTCLAS2013),主要功能包括中文分词;词性标注;命名实体识别;用户词典功能;支持GBK编码、UTF8编码、BIG5编码。新增微博分词、新词发现与关键词提取;张华平博士先后倾力打造十余年,内核升级10次。

我们首先到官网的下载页面:http://ictclas.nlpir.org/downloads

下载第一个“NLPIR/ICTCLAS2015分词系统下载包”即可,如下图

中科院分词系统

下载之后,解压缩。

进入子目录下的sample文件夹,你会看到有各种示例,我们要用的是java的示例,即“JnaTest_NLPIR”,如下图:

分词系统java示例

打开eclipse,import这个工程,过程就不再赘述了。

import之后,这时候你去跑,是会报错的。

java报错

其实,我们需要改几个地方。

1.回到刚才解压的下载包,进入目录下的lib文件夹,选择你机器对应的版本,比如我是win32的,我就复制win32这个文件夹,粘贴到eclipse工程和src同级目录下,此时工作目录应是如图所示:

添加win32文件夹

2.修改第一行的代码,将NLPIR文件的路径更改为现在的路径,如下:

// 定义并初始化接口的静态变量
CLibrary Instance = (CLibrary) Native.loadLibrary(
       "./win32/NLPIR", CLibrary.class);

3.回到解压的文件夹目录下,复制“data”文件夹到eclipse的工程里,最终工程目录结构如下:

最终目录结构

4.更改主函数的第一行代码里面的路径,默认是这样:

String argu = "D:\\NLPIR";

更改为:

String argu = "./";

即工作路径。

最终代码如下:

package code;

import java.io.UnsupportedEncodingException;

import utils.SystemParas;

import com.sun.jna.Library;
import com.sun.jna.Native;

public class NlpirTest {

	// 定义接口CLibrary,继承自com.sun.jna.Library
	public interface CLibrary extends Library {
		// 定义并初始化接口的静态变量
		CLibrary Instance = (CLibrary) Native.loadLibrary(
				"./win32/NLPIR", CLibrary.class);

		public int NLPIR_Init(String sDataPath, int encoding,
				String sLicenceCode);

		public String NLPIR_ParagraphProcess(String sSrc, int bPOSTagged);

		public String NLPIR_GetKeyWords(String sLine, int nMaxKeyLimit,
				boolean bWeightOut);
		public String NLPIR_GetFileKeyWords(String sLine, int nMaxKeyLimit,
				boolean bWeightOut);
		public int NLPIR_AddUserWord(String sWord);//add by qp 2008.11.10
		public int NLPIR_DelUsrWord(String sWord);//add by qp 2008.11.10
		public String NLPIR_GetLastErrorMsg();
		public void NLPIR_Exit();
	}

	public static String transString(String aidString, String ori_encoding,
			String new_encoding) {
		try {
			return new String(aidString.getBytes(ori_encoding), new_encoding);
		} catch (UnsupportedEncodingException e) {
			e.printStackTrace();
		}
		return null;
	}

	public static void main(String[] args) throws Exception {
		String argu = "./";
		// String system_charset = "GBK";//GBK----0
		String system_charset = "UTF-8";
		int charset_type = 1;

		int init_flag = CLibrary.Instance.NLPIR_Init(argu, charset_type, "0");
		String nativeBytes = null;

		if (0 == init_flag) {
			nativeBytes = CLibrary.Instance.NLPIR_GetLastErrorMsg();
			System.err.println("初始化失败!fail reason is "+nativeBytes);
			return;
		}

		String sInput = "据悉,质检总局已将最新有关情况再次通报美方,要求美方加强对输华玉米的产地来源、运输及仓储等环节的管控措施,有效避免输华玉米被未经我国农业部安全评估并批准的转基因品系污染。";

		//String nativeBytes = null;
		try {
			nativeBytes = CLibrary.Instance.NLPIR_ParagraphProcess(sInput, 1);

			System.out.println("分词结果为: " + nativeBytes);

			CLibrary.Instance.NLPIR_AddUserWord("要求美方加强对输 n");
			CLibrary.Instance.NLPIR_AddUserWord("华玉米的产地来源 n");
			nativeBytes = CLibrary.Instance.NLPIR_ParagraphProcess(sInput, 1);
			System.out.println("增加用户词典后分词结果为: " + nativeBytes);

			CLibrary.Instance.NLPIR_DelUsrWord("要求美方加强对输");
			nativeBytes = CLibrary.Instance.NLPIR_ParagraphProcess(sInput, 1);
			System.out.println("删除用户词典后分词结果为: " + nativeBytes);

			int nCountKey = 0;
			String nativeByte = CLibrary.Instance.NLPIR_GetKeyWords(sInput, 10,false);

			System.out.print("关键词提取结果是:" + nativeByte);

			nativeByte = CLibrary.Instance.NLPIR_GetFileKeyWords("D:\\NLPIR\\feedback\\huawei\\5341\\5341\\产经广场\\2012\\5\\16766.txt", 10,false);

			System.out.print("关键词提取结果是:" + nativeByte);

			CLibrary.Instance.NLPIR_Exit();

		} catch (Exception ex) {
			// TODO Auto-generated catch block
			ex.printStackTrace();
		}

	}
}

运行结果如下(截图不完全,请以你的eclipse的输出为准):

中科院分词系统运行结果

 

至此,一个例子就跑起来了。我稍微解释一下。

1.关于结果

分词的结果,是每个词语后面再跟一个斜杠,斜杠后面是词性,关于词性,可以参看刚才下载解压的文件目录下的“doc”文件夹里的文档。这里不做解释了。

当然,你也可以选择不要显示词性,只需将

CLibrary.Instance.NLPIR_ParagraphProcess(sInput, 1);

中第二个参数改为0即可。

2.关于方法的调用

这套分词系统里面有丰富的功能,这个可以参看“doc”文件夹里面的文档,那里均有说明,由于使用了JNA,我们可以很方便的使用相关的c++方法。

要使用这些功能,我们需要在代码的接口中声明这些方法,如:

public interface CLibrary extends Library {
		// 定义并初始化接口的静态变量
		CLibrary Instance = (CLibrary) Native.loadLibrary(
				"./win32/NLPIR", CLibrary.class);

		public int NLPIR_Init(String sDataPath, int encoding,
				String sLicenceCode);

		public String NLPIR_ParagraphProcess(String sSrc, int bPOSTagged);

		public String NLPIR_GetKeyWords(String sLine, int nMaxKeyLimit,
				boolean bWeightOut);
		public String NLPIR_GetFileKeyWords(String sLine, int nMaxKeyLimit,
				boolean bWeightOut);
		public int NLPIR_AddUserWord(String sWord);//add by qp 2008.11.10
		public int NLPIR_DelUsrWord(String sWord);//add by qp 2008.11.10
		public String NLPIR_GetLastErrorMsg();
		public void NLPIR_Exit();
	}

声明之后,就可以在主函数里面调用了。具体的调用细节、参数设定等,还是那句话,看文档!

就先写到这里,再次感慨中科院的分词系统的厉害!

好不容易的后续

半决赛小记

上次说,比赛之前,必胜。那是半决赛,打软件。
我们是从来没有尝试过决赛滋味的计算机学院,然而每个人脑海里都还留着小组赛第一场被对方打的支离破碎的印象。
别人每天六点半起来训练,你们呢?
乔松说,我们靠天赋。
的确是这样,似乎是传统,灵活的打法更适合我们,我们缺少系统的训练,容易被战术框死。
但是我们在第一场输给软件之后,再没有尝试过失败的滋味。这一场,必须拿下。
带着决心,拼篮板,带着决心,拼防守。第一节,我不顾一切,在外线积极的移动防守,得到球就积极的跑快攻,态度是好的,但是其实身体在说不要。很显然,我用力过猛。偶然中的必然,在一次防守动作中,我右脚落地,熟悉的崴脚。
不记得崴脚多少次,我只知道这次我很气愤的坐在地上,示意队友我不行了。
被扶着出场,我懊恼不已。为什么偏偏是这个时候。
罗达替我上场。
这个大二的小伙子跟我最像的一点,就是”狗”。没错,就是疯狗一样的防守态度,他打出了高光的表现,到不幸的是,在一次上篮中,他也崴脚了,比我严重的多。我不知道我们的受伤对队友们有没有加成作用,我只知道大家越打越好,进攻防守全面开花,最终拿下比赛。
历史性的,进入了决赛。计算机学院。

决赛小记

其实在崴脚的那一瞬间,我就已经对自己进行评估了,“中崴”?

当时一边为我们的队伍打气,一边想象着5天后的决赛我能满血回归。

果不其然我们进入了决赛,而我,却未能如愿满血康复。能小跑,但是会痛,这就是我的状态。罗达也报销了,我们的后卫线岌岌可危,这对于我们这个崇尚防守反击的球队来说并不是什么好事。

决赛的这一天还是到来了。

我不会想到,最终,内线的三个大个被罚下,一个大个崴脚;我不会想到,除了开场的一次上篮,我根本跑不出快攻;我不会想到,打了三节的我再也支撑不住;我不会想到,智杰一次次的扛起球队,却没有得到最完美的结局;我不会想到,大一的小朋友、大中锋亚侗终于打出了碾压的气势;我不会想到,对面的经贸大熊能有如此大的作用、

似乎那就是比赛的缩影。

我们拿了亚军。计算机学院的最好成绩。

我们叼着银牌,在镜头面前搞怪,大笑,其实大家心知肚明,矛盾的心情会如影随形。

这种心情跟随我们来到晚上的庆功宴,看到智杰泣不成声,我才发现,我们其实没有那么多的遗憾,更多的是,大家一起打球的时光,一去不复返了,就好像真的要画上句号一样,就好像老师催你交卷了,你万般无奈,只好收笔。

大四老人们的复杂心情我们很难感同身受,但是专属篮球的那份兄弟情义,我想,过多久都是不会褪色的吧。

后记

其实这篇日记,我写了有1个多星期,断断续续,现在早已经没有了当天决赛结束的那种心境。

但感动常在,祝大四老人们毕业快乐,常回来看看。

使用wordpress代码高亮插件

考虑到这是一个半技术性的博客,代码不可少,那么代码高亮就更必不可少了。好在wordpress是个强大的博客系统,很多问题都可以通过插件方便的解决。而之前看到关于代码高亮的一款JavaScript 库SyntaxHighlighter,搜了一下,果然有相关的wordpress插件,叫做SyntaxHighlighter Evolved。

插件安装过程就不再赘述了,去搜索SyntaxHighlighter Evolved安装即可,支持最新版的wordpress。

怎么使用呢?来个例子。比如我要显示一段html的代码,那么我们可以直接编辑代码:

SyntaxHighlighter代码用法

我们看一下具体的效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>PHP Code Example</title>
</head>
<body>
    <h1>PHP Code Example</h1>

    <p><?php echo 'Hello World!'; ?></p>

    <p>This line is highlighted.</p>

    <div class="foobar">
        This    is  an
        example of  smart
        tabs.
    </div>

    <p><a href="http://wordpress.org/">WordPress</a></p>
</body>
</html>

效果似乎还不错,在手机上测试了一下,同样可以正常显示。需要提到的一点是,多行代码高亮显示,只需要在行号之间用英文逗号隔开即可,像上面的例子,我就是加了highlight=”3,5″这一个参数。

同时,插件还支持各种风格的代码显示,几乎所有主流编程语言都能显示,详细设置的话直接在“wordpress后台–设置–SyntaxHighlighter”中进行更改即可。更高级的功能,一般都很少用上,这里就不多说了。有时间的朋友,还可以自定义css,把代码的显示弄的有个人特色一点。

另,找到一篇很详细介绍这个插件使用的文章,供大家参考:http://www.diguage.com/archives/59.html