但是既然折腾了，顺便就研究了一下多路由环境下的端口转发问题。我从猫到电脑中间串了两级路由，用bt软件的时候总是提示端口转发不正常。毕竟，我的电脑经过了两层局域网的屏蔽已经隐藏的太深了，公网上向我外网端口发来的信息要传送到我的电脑必须要有准确的转发机制才行。以前没认真考虑过，今天尝试着设置了一下，居然成功了。在第一层路由上加上端口映射，把固定端口映射到第二层路由，然后在第二层路由添加了一个dmz主机，指定我用的这台电脑，同时加上端口映射，一切ok。当然，为了一劳永逸，我把第二层路由和电脑都设置成了固定ip，免得断电重启后ip发生变化。
难得花时间技术了一把，郁闷的心情也算有了点阳光。

如果主机允许的空间够大，那利用wordpress的API方式上传图片是最方便不过的了，如此没有技术含量的工作，自然也不在本文的讨论之列。这里要说的主要是第二种方式：第三方在线相册。相信在自有主机的博客作者中有一大半的人喜欢利用外链相册的方式在文章中插入图片。这样做有两点好处。其一，外链相片不占用空间和流量，节约了大把的银子；其二，博客难免搬家，如果主机内存储的相片过多，等搬家的时候就够受的了，而用第三方相册只要图片的固定链接不变，那么搬家的时候就不需要做任何处理。

上面的第二个好处我是深有体会的，以前在yo2安家，图片都上传在它的服务器上，等搬家的时候傻眼了，那么多图片既要挪动空间，又要在文章里更换链接，太累人。也因为这个原因，我下定主意今后的图片坚决放在免费空间，至多在本地做一下备份就行了。

下面切入主题。目前支持外链的在线相册不在少数，flickr、picasaweb等等都是赫赫有名的。而我偏好picasaweb，1G的免费空间（1024px的图片按100k计算，可以存储10000张）足够使用，用完了可以再申请一个账号。有专用的接口程序方便外部调用相册、图片。上传到相册的每一张图片都会在后台自动生成大小不等的图片，其中从32px到800px共计16种大小可以外链，912px到1600px以及原始大小的图片共8种可提供下载。如此强大的功能，不好好利用真是可惜了。

早在一年多以前，著名的windows live writer就出现了picasa image plugin，可以方便选取picasaweb中的图片插入文章，也可从本机选择图片上载到picasaweb。而相应的，goldengate是一款wordpress中的picasa图片插件。也许还有类似的其他插件，但是我没有找到。

goldengate安装后会在上传图片的页面出现两个选项卡，分别是上传图片和picasa相册，方便用户的不同选择。可惜的是，最新版本只能提供插入200px和800px两种图片，200px太小，800px对大多数blog页面来说又太大，尽管可以限定img标签的宽度和高度使得显示大小与页面风格吻合，但是每次需要额外操作一下，比较麻烦，而且对用户体验来说也不好，因为浏览者打开页面的时候，尽管看到的是调整大小后的图片，但是实际上从picasaweb服务器上下载的是800px的图片，当网速较慢的时候就很不舒服了。

通过修改代码可以增加更多的图片大小选择。打开插件的主文件goldengate.php，第245行左右，将

if($link == ‘file’) {
$url = $img_src;
}

替换成

if($link == ’s800′||$link == ’s1024′||$link == ’s1280′||$link == ’s1600′) {
$url = str_replace(”s800″, $link, $img_src);
}

259行左右，将

if($display != ‘title’) {
$html .= “<img src=’” . ($display == ‘thumb’ ? $thumb_src : $img_src)
. “‘ alt=’$title’ />”;
}

替换成

if($display != ‘title’) {
$html .= “<img src=’” . str_replace(”s800″, $display, $img_src). “‘ alt=’$title’ />”;
}

582行，

<label for=”display-full”>
<input name=”display” id=”display-full” value=”full” type=”radio” checked=”checked”/> Full size (max 800px)</label>
<br/><label for=”display-thumb”>
<input name=”display” id=”display-thumb” value=”thumb” type=”radio” /> Thumbnail</label>
<br/><label for=”display-title”>
<input name=”display” id=”display-title” value=”title” type=”radio”/> Title</label>
</td></tr>
<tr><th>Link to:</th>
<td><label for=”link-file”><input name=”link” id=”link-file” value=”file”  type=”radio”/> File</label>

替换成

<label for=”display-s800″><input name=”display” id=”display-s800″ value=”s800″ type=”radio”/> 800px</label><br/>
<label for=”display-s640″><input name=”display” id=”display-s640″ value=”s640″ type=”radio”/> 640px</label><br/>
<label for=”display-s512″><input name=”display” id=”display-s512″ value=”s512″ type=”radio” checked=”checked”/> 512px</label><br/>
<label for=”display-s400″><input name=”display” id=”display-s400″ value=”s400″ type=”radio”/> 400px</label><br/>
<label for=”display-s4288″><input name=”display” id=”display-s288″ value=”s288″ type=”radio”/> 288px</label><br/>
<label for=”display-s160″><input name=”display” id=”display-s160″ value=”s160″ type=”radio”/> 160px</label><br/>
<label for=”display-title”><input name=”display” id=”display-title” value=”title” type=”radio”/> Only title</label>
</td></tr>
<tr><th>Link:</th>
<td><label for=”link-s800″><input name=”link” id=”link-s800″ value=”s800″  checked=”checked” type=”radio”/> File(800px)</label>
<br/><label for=”link-s1024″><input name=”link” id=”link-s1024″ value=”s1024″ type=”radio”/> File(1024px, enter after click)</label>
<br/><label for=”link-s1280″><input name=”link” id=”link-s1280″ value=”s1280″ type=”radio”/> File(1280px, enter after click)</label>
<br/><label for=”link-s1600″><input name=”link” id=”link-s1600″ value=”s1600″ type=”radio”/> File(1600px, enter after click)</label>

经过这些改动，当点击图片的时候就会多出一些选项，如下图所示。其中图片的大小由两个增加到了6个，多出了很多选择余地，而且如果觉得不够用，那就根据上面代码的意思再酌情增加，非常容易。另外需要说明，外链图片也由单一的File（默认是800px）增加了3个，只不过另外三个外链点开后是一个错误页面。这不是插件的问题，而是picasaweb本身就不支持直接打开912px以上大小的图片，前面已经说明了这一点。不过点完链接后如果在地址栏再回一下车，图片就出来了。

另外，在点击Your Photos on Google选项卡的时候，会展示相册中的图片，插件默认的是144px的缩略图，改成72px可以提高速度，而且也能看清图片。对原始代码作如下改动：

714行，

echo “<a href=’$link’ class=’file-link image’ style=’width: 146px; height: 144px;’>&nbsp;”;

改为

echo “<a href=’$link’ class=’file-link image’ style=’width: 74px; height: 72px;’>&nbsp;”;

另外打开css文件夹中gg.css，将.gg_photo_thumb的width和height都改成74px，改完后的相册展示效果如下

至此简单的改动已经结束，可以在后台体验方便的picasa图像之旅了。

顺便说说，其实picasaweb真的极大的方便了blog的发展，利用picasaweb的函数接口不但可以像本文一样方便的插入图片，更可以插入幻灯、插入全站相册（利用阅微堂的picasaweb插件可以方便的做到这一点，效果见本站相册），而所有的这些带给你的不仅是良好的用户体验、强大的相册技术支持，更能带来成功改造插件后的喜悦。博客精神，不正是如此吗！

测试环境描述：WordPress版本:2.6.2；WP-db-backup:2.2.1；可能存在干扰的插件:Xpertmailer 0.1；硬件环境是Hostgator的Reseller主机，主域名指向ip而没有使用主机的ns服务。

在备份的时候选择发送到邮箱，不管填写什么地址都收不到备份的数据库，但是邮箱找回密码以及评论邮件发送功能一切正常。上网查了一下wp-db- backup邮件发送的相关讨论，几乎没有使用xpertmailer这个插件的，一般都是用服务器自带的邮件系统进行发送，可惜我并不想用主机商提供的邮件功能，因为我的主域名早已申请了google app服务，gmail的强大功能是我不想放弃的。

但是抱着研究的态度，我还是登录到cpanel后台的邮件模块去看了一下，发现收件箱中已经有好几封邮件，都是退信，原因是找不到收件人地址。具体看了一下我发现，我选择的备份信箱是admin@fxiao.com，这个账号在我的google apps中是存在的，发送失败的原因是由于服务器默认为@fxiao.com这个邮箱域在它们的服务器上，而我在blog服务器上并没有 admin@fxiao.com这个邮箱地址。

初步原因可以总结为：服务器在传递邮件的时候首选的是内部路由，它根据的mx记录和我在godaddy上设定的mx记录是不同的。所以我的邮箱才没有收到信。

随后我换成了另一个邮箱xxx@gmail.com又试验了一下，但是还是没有收到信。去cpanel的邮件记录看，有一封新邮件，还是提示没有 admin@fxiao.com这个用户。这下我明白了，服务器使用了我刚才这个邮件地址作为发件人，而因为没有在服务器上建立这个用户名被拒绝发信了。

解决的办法找到了，就是在邮件账户里建一个同名帐户，这个帐户和google apps中的邮件地址不冲突，因为它只存在于主机商提供的邮件服务器内部。 在服务器以外发往admin@fxiao.com这个地址的信都能顺利的到达我的google信箱。

但是解决问题之余，还是没有搞明白为什么wp-db-backup会用主机商的服务器发信，而没有通过xpertmailer。这只有通过研究代码来解决了。查看它的代码发现，wp-db-backup直接调用了Phpmailer->send()这个函数，但是为什么不使用@wp_mail这个最常用的函数呢？如果使用wp_mail，就可以利用xpertmail发信了。去\includes目录下查看pluggable.php中 wp_mail()的代码，发现其中并没有定义attachment功能。一时间终于恍然大悟。

至此，问题的原因和解决方法都找到了，现在系统工作正常，wp-db-backup的备份邮件通过系统服务器发送到我的gmail邮箱，而留言、找回密码等功能通过xpertmailer发送到admin@fxiao.com这个信箱，一切都很完美。

 1: <script type="text/javascript">

 2: <!--

 3: function setExternalLinkTarget()

 4: {

 5:  // 从当前 url 中解析主机名 

 6:  var locationMatch = document.location.href.match(/^(http://)?([^/]+)/i);

 7:  // 设置站点链接 

 8:  var siteUrl = locationMatch[2];

 9:  // 获取页面上所有链接 

 10:  var allLinks = document.getElementsByTagName('a');

 11:  var len = allLinks.length;

 12:  if(len > 0)

 13:  {

 14:  var externalLink;

 15:  for(i=0; i<len; i++)

 16:  {

 17:  // 设置当前链接 

 18:  externalLink = allLinks[i];

 19:  //检查是否存在非标准http链接（javascript链接就是属于此类）

 20:  if(externalLink.href.indexOf("http")==-1)

 21:  {

 22:  //do nothing;

 23:  }

 24:  // 如果链接 href 里面发现站点链接（外部链接） 

 25:  else if (externalLink.href.indexOf(siteUrl) == -1)

 26:  {

 27:  // 设置 target 属性 

 28:  externalLink.setAttribute('target', '_blank');

 29:  }

 30:  }

 31:  }

 32: }

 33: window.onload = function() {

 34:  setExternalLinkTarget();

 35: }

 36: //--> 

 37: </script>

其中19到25行之间的内容是添加的新内容，其余不变。经测试，结果良好。

ps，以上描述的新窗口代码对IE有效，在Firefox下需设置Tab属性。不过对于使用Firefox的用户来说，是否在新窗口打开完全可以由浏览用户自己决定:)

Google早在06年2月就推出了自定义域企业邮局服务，不过对国内的用户一直不够友好，.cn域名很难申请上，现在则根本不让申请，只要提交的域名是以cn结尾，马上告诉你这个域名不在支持之列。

不过有取巧的办法，用闲置的.com/.net等国际域名便可顺利申请。申请允许使用的用户数暂时也看不出有什么限制，反正我试过100个和500个都顺利通过。

不过有个问题，现在能购买到的.com域名一般不是太长就是太“难看”，拿它做邮箱后缀的话有失雅观，可能你手头有个难看的.com域名和一个比较“美观”的.cn域名，那么可以用以下办法来实现@domain.cn邮局。

首先找个国外代理登录https://www.google.com/a/，用.com域名申请你的企业邮局，不要有什么担心，一切操作都是由机器审核的，没有人工干预，因此99%可以顺利通过。通过后你就可以使用@domain1.com邮局了。进入域名管理后台，到域名选项卡，点击添加域名别名，输入你想启用的domain2.cn就可以了。

输入完之后，别忘了到domain2.cn托管的dns服务器添加一下mx解析，不必填写google app上所列出的所有服务器，一般填写三个左右就足够了，就是优先级为1、5、5的三个服务器，从我一年来的应用情况看，还没有出过问题。

做完以上工作还不够，这只能保证别人发送到name@domain1.com和name@domain2.cn两个信箱的信能顺利送达你的邮箱，但是你从你邮箱回信或写信的时候会发现，你只能从你的主域名邮箱，即name@domain1.com发送信件。再花三分钟时间设置一下就可以解决这个问题：进入邮箱-设置-账户，点击添加其他邮箱地址，把name@domain2.cn填进去，然后会提示你发送确认邮件，点击发送就会出现一个确认码填写窗口。然后回到收件箱，马上一封确认邮件就会出现了，复制邮件里的确认码到先前的确认窗口，或者点击邮件中的确认链接就行了。

现在你就可以在这个邮箱中以两个邮箱的任意一个发送信件了，当然别人向任一地址发送的信件也都会送到你的邮箱。你还可以设置默认的发信地址，也可以设置“用此相同地址回复”，这样就可以用不同邮件地址与不同的人进行邮件交流，而不必再为紊乱的邮箱地址而头疼。

如果你已经有一个常用的标准Gmail邮箱，不想频繁的在各个邮箱之间切换，那么这里再提供一个方便的技巧。和上面介绍的方法一样，到你原先的Gmail邮箱里添加现在这个（或两个）邮件地址（不限于企业邮局的邮件地址，任何其它可pop或可自动转发的邮箱都可以）作为邮件地址别名，当然还是要发送确认邮件的，确认之后，你的Gmail邮箱马上从一个邮件地址变成了多个，然后再在自定义域名的企业邮箱中把所有信件都自动转发到常用的Gmail邮箱。这样，你所有的信件都可以在一个邮箱中一网打尽，同时也可以在一个邮箱中使用不同的邮件地址进行发信、回信了。下图是写信时的效果图：

欢迎在下面留言讨论。

解决思路：
这种情况一般是有意输入不间断英文或标点符号引起的，一般出现在有客户端输入的地方，如留言板、论坛等。这里我们可以通过设置CSS属性word-break和word-wrap来解决。
具体步骤：
1.设置word-break属性为break-all。
<table width=”200″ height=”100″ cellSpacing=”1″ cellPadding=”0″ bgColor=”#999999″>
<tr>
<td style=”word-break:break-all” bgColor=”#eeeeee”>
<script>document.write(new Array(100).join(”d”))</script>
</td>
</tr>
</table>
2.上面的代码仅对字母有效，如果把脚本中的d换成!再看看，表格又被撑大了，如果你的IE版本在5.5以上，可以把代码中的word-break:break-all改为word-wrap:break-word，问题解决。
注意：word-wrap属性需要IE5.5+的支持，而word-break属性只需要IE5.0+。
提示：要让单元格里的数据在超出边界时用省略号代替，可以这样(for IE6+)：
技巧：
l 为了更好的兼容性，通常的做法是同时定义两个属性，并且加上table-layout属性。
<style>
table{table-layout:fixed;word-break:break-all;
word-wrap:break-word}
</style>
<table width=”200″ height=”100″ cellSpacing=”1″ cellPadding=”0″ bgColor=”#999999″>
<tr>
<td bgColor=”#eeeeee”>
<script>
var arr=new Array(100)
document.write(arr.join(”d”))
document.write(arr.join(”!”))
</script>
</td>
</tr>
</table>
l 对于IE6.0+，还可以让超出元素边界的文字省略，以省略号代替，如：
<style>
table{table-layout:fixed}
td{overflow:hidden;text-overflow:ellipsis}
</style>
<table width=”200″ height=”100″ cellSpacing=”1″ cellPadding=”0″ bgColor=”#999999″>
<tr>
<td bgColor=”#eeeeee”>
<script>
var arr=new Array(100)
document.write(arr.join(”d”)+”<br>”)
document.write(arr.join(”!”))
</script>
</td>
</tr>
</table>
特别提示
技巧中所给代码的运行效果如图2.1.2.3所示，可以看到无论是不间断字母“d”还是叹号“!”，在表格的边界内都要自动换行。

图2.1.2.3 强制文本在表格边界外换行

特别说明

本例用到的CSS属性有word-break、word-wrap、table-layout和text-overflow，其中还用overflow属性，在后面会有讲解。word-break 设置元素内的文字的换行行为，脚本特性为wordBreak；word-wrap设置当当前行超过元素边界时是否强行换行，脚本特性为wordWrap；table-layout设置表格布局的算法，脚本特性为tableLayout；text- overflow设置元素内文本溢出的处理，脚本特性为textOverflow。各属性的可选值及说明分别如表2.1.2.3~表2.1.2.6所示。
表2.1.2.3 word-break属性的可选值
可选值说明
normal允许在词内换行(默认值)。
break-all该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。
keep-all与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，不允许字断开。
表2.1.2.4 word-wrap属性的可选值
可选值说明
normal允许内容顶开指定的容器边界(默认值)。
break-word内容将在边界外换行。
表2.1.2.5 text-overflow属性的可选值
可选值说明
clip不显示省略号(…)，而是简单的裁切(默认值)。
ellipsis以省略号(…)代替元素的溢出文本。
表2.1.2.6 table-layout属性的可选值
可选值说明
auto布局将基于各单元格的内容。表格在每一单元格内所有内容读取计算之后才会显示出来(默认值)。
fixed固定布局的算法。表格和列的宽度取决于 col 对象的宽度总和，假如没有指定，则会取决于第一行每个单元格的宽度。假如表格没有指定 width 属性，表格将按100%的宽度显示。

谷歌在中国也推出公交搜索服务了。去年在英国的时候就用google查过伦敦市内的交通图，挺方便。当然在当地还有另外一家公司也推地图搜索服务，就像国内的百度、51map等等。要说还是国内的竞争比较激烈，不管什么产品，总会同时出现一大堆公司。但是实用性比起国外公司就差远了。在英国，网络购物非常流行，任何一家购物网站上都会集成一项地图选项，在地图上标明你所选购商品的取货地址，极大的方便了顾客。

不再扯远了，光说这谷歌的公交搜索，准确性怎么样呢？我就搜一下常用的路线吧：清华——朝阳门北小街.

进入网站，填写出发地址和到达地址后搜索，出来了三条结果，其中比较常用的线路是656，进入看详细信息：

详细路线
路线 2
步行到 蓝旗营 （大约 0.8 公里）
步行到 蓝旗营
« 上一步 放大
行程概述 下一步 »
乘坐 656路 – (东北旺中路 – 南十里居)
出发地点 蓝旗营
2.5 公里
到达 成府路口南
乘坐 656路 – (东北旺中路 – 南十里居)
出发地点 蓝旗营
到达 成府路口南
« 上一步 放大
行程概述 下一步 »
换乘 810路 – (建材城东里 – 四惠)
出发地点 成府路口南
12.9 公里
到达 朝内小街
换乘 810路 – (建材城东里 – 四惠)
出发地点 成府路口南
到达 朝内小街
« 上一步 放大
行程概述 下一步 »
步行到 北京市东城区朝阳门北小街 （大约 367 米）
步行到 北京市东城区朝阳门北小街
« 上一步 放大
行程概述 下一步 »
北京市东城区
朝阳门北小街
« 上一步 放大
行程概述 下一步 »

和我自己熟悉的线路（656转674）相比，这条路线显然不合适，810路的末班车时间很早，而且车也比较少。看来这个搜索目前还是不够人性化，相比北京公交网站要差了许多。

既然再也没有好的杀软能拯救我的电脑，只好重装了。10 分钟之后，系统重装完毕，刚连网升级就接连跳出五六个网页，看来流氓软件又来了，难道这流氓是藏在路由器上的？厉害，也怪我自己用了教育网代理，谁知道它走了哪个后门连到微软去的。只好先不管它，把所有要升级的文件下载下来，然后寻思着找个Norton的替代品――虽然对Norton一向有好感，而且从５年前开始用Norton企业版客户端一直到现在，几乎没有出现过大的问题，但是，现在的江湖已经不同往年，该是换换口味的时候了。一下子便想到了Avast，一个东欧公司的软件，好处在于更新快，单机版免费使用，而且据说不同于Norton的扫毒方式。哈哈，那就不妨一试。于是也把它下载下来。然后又考虑只有杀毒软件还不行，间谍软件现在也层出不穷，上次的QQ密码被盗，估计就是中了木马。那就选择微软的Defender吧，相信作为微软自己的产品一定有其独到之处。

都下载完之后，我也懒的杀毒了，直接重启后重装，反正克隆一下也很快。这次装完后不再连网了，把系统离线升级，装上Avast和Defender，然后做了一个Ghost留做备份。

下面就开始试一下这两个软件的本事了。找了几个病毒样本，马上报毒；上了几个流氓网站，嘿嘿，一点儿事都没有。到现在，系统仍然干干净净，hoho，以后应该可以高枕无忧了。