我已经申请好了新的空间，近期可能就要搬过去了。先做个广告：在此诚招空间合租者一位，无限空间无限流量，PHP、Python、Perl、RoR、CGI、CGI-BIN、MySQL、PgSQL 全功能 Linux 空间，可自定义 php.ini，提供域名对应的邮箱储存、邮箱别名服务，支持 POP3、IMAP、邮件列表，独立 FTP 管理，带免费自签名证书的 SSL 服务，含一个免费域名及一个独立 IP，3年共计525元RMB。有意者邮箱联系 quanxunzhen@gmail.com

不过因为新空间还没摸索清楚，还在研究搬迁事宜。

下面讲讲今天的探索……这个新空间的 PHP 用了 CGI 的模式，而不是传统（或者说我熟悉的）PHP Module 的模式，而且作为 CGI 的 php 解析程序和 php.ini 配置文件也是放在网站的 cgi-bin 目录里面的，因此我怀疑可玩性很高，甚至可以自己编译 PHP 放上去用。不过这个空间有一个很麻烦的，就是不支持自动的泛域名匹配，这大大的不如现在的这个空间方便。不过经过一番研究，也并不是没有办法的。今天才算是第一次体会到了 Apache mod_rewrite 的强大！

本来以为 rewrite 不能实现那样功能的，因为似乎 rewrite 不能把主机名弄进来匹配，结果发现我想错了。参考了一些 Apache 的官方资料，我发现 Apache 的官方文档里有一种很有趣的方式间接实现泛域名到子文件夹的匹配，大约是这个样子的：

1
2
3
4

RewriteEngine on
RewriteCond   %{HTTP_HOST}                 ^www\.[^.]+\.host\.com$
RewriteRule   ^(.+)                        %{HTTP_HOST}$1          [C]
RewriteRule   ^www\.([^.]+)\.host\.com(.*) /home/$1$2

惊叹于这种其实妙想！这个恐怕能实现的功能比那个 VirtualHost 的模块还要强大了吧~

不过这个代码似乎是不能用的囧……做一个适合的修改就发生 500 错误……经过思考，我想起了很早以前说过的，mod_rewrite 是会把修改过的网址再次注入 rewrite 的，因此如果这样那么这个网址可能会不断的经过这个 rewrite 过程，造成死循环，最后被 Apache 以 500 强制结束。

看来想在网站根目录下像现在这样搞是不行了……不过，办法总是有的，其实有的时候我觉得自己还是蛮聪明的~我就在根目录下建立了一个名叫 www 的文件夹，然后给出了下面这样的 .htaccess：

1
2
3
4
5

RewriteEngine On
RewriteCond %{HTTP_HOST} ^[^\.]+\.upsuper\.org\.cn$
RewriteCond %{REQUEST_URI} !^/www/
RewriteRule ^(.*)$ %{HTTP_HOST}/$1
RewriteRule ^([^\.]+)\.upsuper\.org\.cn/(.*)$ /www/$1/$2

OK，现在已经非常正常了，网页可以正常访问了~不过新的问题再度出现！所有的 PHP 都显示 404 错误……我汗！404？！那个 PHP 明明在那里凭啥 404 呢？

后来在空间商的 FAQ 里面偶然看到，解析 PHP 用的东西储存在已经被我删掉的 cgi-bin 文件夹里面……呃……马上把所有内容删掉恢复原来的内容。然后再放上这个，还是 404……其中必有问题……那么问题一定出在 cgi-bin 文件夹上……难道 Apache 最后也要通过自己访问 CGI 接口？其实其中奥妙我也不是很了解，不过最后又加了一条针对 cgi-bin 的 rewrite 规则，成功解决。关于 Apache 和 PHP 通过 CGI 接口的机制看来还是很值得好好研究研究的嗯……下面是最后的代码：

1
2
3
4
5
6

RewriteEngine On
RewriteCond %{HTTP_HOST} ^[^\.]+\.upsuper\.org\.cn$
RewriteCond %{REQUEST_URI} !^/www/
RewriteCond %{REQUEST_URI} !^/cgi-bin/
RewriteRule ^(.*)$ %{HTTP_HOST}/$1
RewriteRule ^([^\.]+)\.upsuper\.org\.cn/(.*)$ /www/$1/$2

最后还有一个小小的问题，就是遇到找不到的 PHP，服务器虽然返回了 404 的头，不过显示的内容却是“No input file specified.”，而不是我指定的 404 页面（当然，IE 用户肯定什么都看不到，因为 IE 已经默认为他们准备好了一个“友好”的 404 页面）。这个虽然不是什么大问题，不过也还是很烦人的，有搜索了一番，最后在 rewrite 规则里面又加了两行解决问题：

1
2

RewriteCond %{DOCUMENT_ROOT}/$1 !-f
RewriteRule ^(.*\.php)$ - [T=text/html]

稍微想一想肯定看出来，这个代码不是没有问题的，不过我想我应该不会遇到吧……嗯……

最后就是关于 php.ini，php.ini 里面不小心撇到了 mbstring 的设置，发现默认语言竟然是 Japanese……呃……马上改成了 Chinese，并且把下面的默认编码 EUC-JP 也改成了 EUC-CN，真是无语……不知道这个是 PHP 的默认配置，还是那个客服看我英语这么差以为我是日本人“帮”我设置的呢？

参考资料：

• URL Rewriting Guide – Apache HTTP Server
• “No input file specified” | jenseng.com panuworld 的回复

还想讲一点买空间的事情。因为这个空间商支持支付宝，我就决定用支付宝。而且支付宝不是支持 Linux 么，很好的嘛。今天中午就跑到邮局去汇款给我很早以前申请了但一直没用的支付宝账户充钱。然后充完跑回来打开上网本登录支付宝充值……为什么要打开上网本？因为台机的 Arch Linux 已经把 Firefox 升级到了 3.6，而支付宝唯一支持 Linux 的插件，是不兼容 Firefox 3.6 的……幸好上网本的 Ubuntu 9.10 很乖巧的使用了 Firefox 3.5.8，还能用那个支付宝插件。很期待支付宝能快些支持 Firefox 3.6，这样我以后也可以网购了~这年头天朝的银行不厚道，几乎完全不支持我家 Linux……还是支付宝好嗯~

我猜从来没做过网站的人一定会觉得这个很简单，但我觉得一点都不简单……不过似乎可以实现~这种无疑又是对我技术的一次挑战！

一开始，我想用一种十分取巧的方式——直接用 Google Maps~探究了一段时间的 Google Maps。结果虫子要求：一是地图要暗，二是要出来的是亮点。想想，Google Maps 还是算了呃……（话说其实也不是不可以，不过实现了，很多数据从客户端走，也不大好）。不过像 Google Maps 这样极好的地图图片来源实在是太难得了！于是就直接用了~

首先要攻克的第一个问题是，如果我们知道来访者的经纬度，如何知道把他的点点在地图的什么位置？这是一个很神奇的问题，想想经纬度是为球面设计的，现在要把它转换到一个平面上。说来也巧，原来参与过天文软件 Stellarium 某个版本的翻译工作，正好翻译了其中被称作地图投影的部分。因为有好几个不同的投影方式，我渐渐就明白了，那个就是把球面图形映射到平面的方法！于是就找到了地图投影，经过查询，发现 Google Maps 使用的是 Mercator projection (麦卡托投影法/墨卡托投影法/正轴等角圆柱投影)。找到了投影法的名称，自然转换公式不是难事~不过这个公式看不懂……呃……算了，那些公式显然不在我现在的数学水平能够理解的范围之内，直接用好了……

用前面探究到的 Google Maps 的东西，写了个网页，对比了一下 Google Maps 转换的坐标和我的程序转换的坐标之间的情况，发现基本相等，有一部分会出现 1px 的差异，我就直接忽略之了~在调试这个程序的过程中，比较重要的大概就是 PHP 里面的三角函数相关的函数使用的都是弧度，而我们习惯上使用的经纬度都是角度，这样就需要一点点的转换了……好在 PHP 提供了 deg2rad 这样方便的函数~话说我的地图投影这个程序我把它单独分了一个文件出来，主要是里面定义了各种地图转换需要的常数，如果和别的功能合在一起大约看过去会比较乱……

下面遇到第二个重大的问题是：我们如何知道来访者所在的经纬度？！这个问题似乎比上面那个更复杂了……当然你可以直接请来访者告诉你，不过更好的方法显然是根据 IP 地址识别一下。不过说到 IP 地址的识别精度，那我也无奈了。我猜想在 IPv6 普及前，想要准确根据 IP 地址识别出位置大约是不可能的了。不过，可以接受的精度还是可以实现的~国内的 IP 数据库如纯真这样的，提供的都是一个字符串地址，那个是只能给人看的，电脑可不知道那些东西表示什么……于是就转向了国外的 IP 数据库。果然找到了些有趣的数据库，里面能包含 IP 可能对应的经度和纬度，而且还提供 CSV 下载，可好了~这里可以找到这个好东西：IP address geolocation SQL database :: IPInfoDB。然后我需要一个可以提供 PHP 快速查找的文件。其实这个事情第一次做音乐投票系统的时候，为了限制投票 IP 在福建境内，就做过这个东西。思路也很简单：把每个 IP 段的数据变成定长的二进制数据，然后需要的时候二分查找~于是有了下面的转换用 Python 脚本：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

#!/usr/bin/env python
# - * - coding: UTF-8 - * -
 
import csv
import struct
import sys
 
fin = open('ip_group_city.csv', 'r')
c = csv.reader(fin, delimiter=';', quotechar='"')
fout = open('ipdata.dat', 'wb')
c.next()
a = 0
s = []
for r in c:
  a += 1
  s.append(struct.pack('>Iff2sh',
      int(r[0]),
      float(r[7]), float(r[8]),
      r[1], int(float(r[10] or '0') * 2)))
  if a % 10000 == 0:
    fout.write(''.join(s))
    s = []
    print >> sys.stderr, a,
fout.write(''.join(s))
print >> sys.stderr, a
fin.close()
fout.close()

这样，就当获取经纬度差不多了吧~嗯~虽然那个精度实在不敢恭维……不过根据那个网站自己的数据，至少国家是不会弄错的（准确度 90%+），只是城市就不跟你保证了~（那个数据貌似显示，这个数据库中城市在中国只有 71% 左右是正确的……）。

最后是关于地图的最后一个问题……如何绘制？

经过考察，这个小网站未来要放的那个服务器是不支持 ImageMagick 的，于是只能用 GD 库了……

那个小点点，其实就是圆咯。于是我一开始用 imageFilledEllipse 函数在地图上画直径为 3px 的圆。不过那个的效果实在是不大行……另外一件事就是关于上传照片的问题，某些相机比较囧的都把照片方向弄在 Exif 里面……虽然 PHP 有很方便的库可以直接读取 Exif，但旋转和翻转就麻烦了……

关于 GD 库，有一件事我觉得很无语，那就是有好几个比较有趣的函数，如 imageAntiAlias、imageRotate 下面都写着：

Note: This function is only available if PHP is compiled with the bundled version of the GD library.

于是就各种囧的不能在我自己机子上调试……目标服务器的 GD 库倒是符合条件，不过我发现其实想要通用还有一种很好的方法：在 Notes 里面找！通常不能通用的函数在 Notes 里面都有相应的通用解决方案~这次我在 Notes 里面找到了图片翻转、旋转、判断 Exif 方向、平滑绘制圆的函数~我觉得有些时候，下面的 Notes 比上面的文档要有意义的多……平滑绘制圆的函数，我为了半透明又改了一点。当然，改的不完美，也就不敢拿出来献丑了，勉强能用就是了~

此外，还抄来了 WordPress 里面一段创建不同大小图片和创建缩略图的代码，很好用嗯~话说，太久没写 PHP，很多东西都忘的差不多了，比如说输入的数据中有单引号会自动被 PHP escape 掉，这还让我苦恼了一下呃……

另外就是，设计中虫子给我提出了一个神奇的要求：跟 twitter。为了这件事，我进行了各种不和谐的活动，以了解 twitter 的 APIs……然后用了一个带缓冲的转接程序弄好了。

至于客户端部分，我再次使用了 jQuery，jQuery 果然是个好东西。而且为了上传，我又使用了 Uploadify。有赖于上一次做音乐征集系统的经验，这次少走了不少弯路，而且大量的 IE6 的 bug 也被我巧妙地解决了~而且我发现 IE6 的某些莫名其妙的 bug （比如我在制作过程中遇到了一个 div 明明 right 是 0，却超出右边界很多）都可以通过设置 zoom: 1; 来解决……不知道 IE6 这种莫名其妙的浏览器到底是什么样 SB 的团队制作出来的。IE 曾经是带领万维网发展的，现在却成为了严重的阻碍者！用 IE 的孩子们赶快觉醒吧……我真得不想在为了 IE 花掉大把的时间调试了……

顺便说一下新发现的 IE6 的 bug（其实我也不知道是不是我新发现的……）：还是隐藏显示的问题。是用 AlphaImageLoader 这个 filter 的元素隐藏后显示，这个 filter 的效果会消失，也就是没用了……为了这个 bug，这次不得不在脚本中都加入了 ie-fix……而且，更严重的是，如果你在显示后再设置这个 filter，又会出现另外一个 bug：这个时候，被设置这个 filter 的元素内部的所有元素可见，但变成不可用，也就是好像点不到一样！我估计是这个 filter 变成了一个在元素内部最上层的一个东西，于是就挡住了其他所有的元素。我汗啊，IE6 的 QA 是干什么吃的啊……这个的解决办法说来也简单，另外弄一个 div，设置在同样的位置，同样的长宽，对他用那个 filter 就行了……

对了对了！说到 AlphaImageLoader 这个 filter，我又想起来一件事，证明了百度不适合用来搜索技术资料，至少比 Google 逊太多了：你分别在这两个搜索引擎里面输入“filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”，我把结果贴出来：

请认真对比我的关键词和两个引擎的结果，你会发现：百度第一页没一个是我要找的，甚至连一个完整匹配的关键词都没有！难道是我的关键词是我瞎编的？不，你看 Google 的结果吧……嗯……事实胜于雄辩，百度众自重……

整个网站的代码，可能在经过完善以后会公布，也可能不公布。由于这次的东西不是做给自己的，所以不能完全我自己说的算了……

参考资料：

• Google 地图 API – Google 代码
• What type of map projection does Google use for Google Maps – Google Groups
• Mercator Projection — from Wolfram MathWorld
• MaxMind – GeoIP City Accuracy for Selected Countries
• Twitter API Wiki (请自备专用工具访问)

我要记录下在这个过程中遇到的种种问题和解决方法，以后再遇到就有地方查了~

客户端部分

很早就听说了 jQuery，上次看完 wp-codebox 的代码才顿觉 jQuery 的强大，因此这次选择了这个。经过短暂的学习就基本了解了，还是比较简单的。此外，jQuery 的插件库相当强大，里面找到了所有我需要的东西，包括上传文件的插件和播放器的插件等。

编写客户端代码最艰苦的部分就是配色和设计界面，以及在各个浏览器中调试。关于兼容性的问题放在后面说，前面先写点关于 JavaScript 代码的事。

第一个比较有趣的问题是关于浮点数保留精度的问题。虽然保留精度大是件好事，可是 JavaScript 没有如 C 中的 printf 那么方便的东西（不过网上似乎也有类似实现，不过 JavaScript 实现这个东西……还是算了吧……）。而一下把很长很长的浮点数显示在用户面前，也绝对不是件好事。经过搜寻，最后使用下面代码实现：

1
2
3
4
5
6

Number.prototype.fix = function (num) {
  with (Math) return round(this.valueOf() * pow(10, num)) / pow(10, num);
};
String.prototype.fix = function (num) {
  return parseFloat(this).fix(num);
};

第二个问题就是关于 MP3 播放器背景的问题。我用的这个播放器插件极具可定制性，背景色和前景色都能定制，不过要求都要使用十六进制的形式传入。为了更好的适应主题颜色，我就使用 jQuery 的 .css 方法在脚本中现场获取当前在 CSS 中定义的前景色和背景色。结果发现，其在 Firefox 内返回的是类似 rgb(0, 0, 0) 这样的颜色表大形式。据说在 Firefox 中永远放回这种形式，而 IE 中则总是返回你实际设置时使用的格式。针对这个问题，我写了下面代码来解决（毋庸置疑，这又是抄的）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

var hex = function (n) {
  if (n == null) return '00';
  n = parseInt(n);
  if (n == 0 || isNaN(n)) return '00';
  n = Math.round(n);
  if (n < 0) n = 0;
  else if (n > 255) n = 255;
  return '0123456789abcdef'.charAt((n - n % 16) / 16) +
         '0123456789abcdef'.charAt(n % 16);
};
var color2hex = function (color) {
  if (color.search(/rgb/i) > -1) {
    color = color.substring(4, color.length - 1).split(', ');
    return hex(color[0]) + hex(color[1]) + hex(color[2]);
  } else if (color.charAt(0) == '#') {
    color = color.substring(1);
    if (color.length == 3) {
      return color.charAt(0) + color.charAt(0) +
             color.charAt(1) + color.charAt(1) +
             color.charAt(2) + color.charAt(2);
    } else {
      return color;
    }
  }
};

另外就是，为了防止大家大量重复提交同样音乐，这次加入了搜索功能，而且在提交一个音乐的时候就会自动进行搜索，并提示用户检查是否已有相同曲目被提交。至于搜索的实现，采用的是客户端搜索，算法上采用了非常著名而简单的 LCS (Longest common subsequence, 最长公共子序列) 这一 oier 的居家旅行杀人放火必备算法。事实证明，这一算法其实是很有效的~

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function lcs(str1, str2) {
  if (! str1 || ! str2) return 0;
  var arr = [];
  var i, j;
  for (i = 0; i < str1.length; ++i) {
    arr[i] = [];
    for (j = 0; j < str2.length; ++j) {
      arr[i][j] = Math.max(i ? arr[i-1][j] : 0, j ? arr[i][j-1] : 0);
      if (str1.charAt(i) == str2.charAt(j))
        arr[i][j] = Math.max(arr[i][j], i && j ? arr[i-1][j-1] + 1 : 1);
    }
  }
  return arr[str1.length-1][str2.length-1];
}

搜索算法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

function search(type, text, callback) {
  text = text.replace(/\s+/g, '').toLowerCase();
  var threshold = text.length * 0.25;
  var result = [];
  getList(type, function (value) {
    if (! value || typeof value == 'number') {
      callback(value);
      return;
    }
    var itemtext, item, i;
    for (i = 0; i < value.length; ++i) {
      item = value[i];
      itemtext = (item.source + item.title).replace(/\s+/g, '').toLowerCase();
      item.len = itemtext.length;
      item.lcs = lcs(text, itemtext);
      if (item.lcs > threshold) result.push(item);
    }
    result.sort(function (item1, item2) {
      if (item1.lcs > item2.lcs) return -1;
      if (item1.lcs < item2.lcs) return 1;
      if (item1.len < item2.len) return -1;
      if (item1.len > item2.len) return 1;
      return 0;
    });
    callback(result);
  });
}

还有一个是关于换肤的。上一次有一篇文章测试过了基于更换 link 标签 href 属性换肤的可行性分析，这次就应用于了这个平台上。但在测试中发现 IE 并不像想像的那么完美。事实上，IE 在这个的测试过程中是非常废品的，几乎相当于不能换。经过多次实验，发现原因出在——IE6 在页面加载完毕后永远不会显示其还没有下载的样式信息。也就是说，更改 href 后，虽然 IE6 将原来的样式表无效化了，但此时发现新的样式表不在其缓存中，便拒绝启用新的样式表。但奇怪的是，IE6 这个时候事实上会连接服务器下载新的样式，因此在下一次访问的时候上次点过的皮肤就可以用了。这说明，我们只要要求 IE 预装载以后可能用到的东西就可以了。因此我就在页面底部加入了一个隐藏的 iframe 用于下载样式表和需要的图片。

除此之外，就是一些关于样式的新发现。我第一次知道当一个元素的 position 属性设置为 relative 的时候，对这个对象本身没有影响，但却使得其使用 position 属性的子元素的位移变由相对页面的位移变为相对该元素的位移。这的上传进度条的实现方法便是应用这一机制。

说到上传进度条，不得不说 Uploadify 这一插件真的很强大……我将其默认的上传进度和管理通过对各个必要函数绑定返回 false 来屏蔽掉了。

最后是关于 jQuery 优化的问题。虽然 jQuery 的官方测试表明，jQuery 的效率非常惊人，但优化下总归是有好处的。参考的资料见下面了，说说我大体做了哪些优化吧。一是缓存 jQuery 对象，防止重复调用选择器带来的性能损失。第二个是为选择器加上上下文限制，第三个是将部分效果移至 $(window).load 里。

在客户端的脚本部分的最最后，小小的埋怨一下 JavaScript 这个语言……我觉得实在是没有 Python 优美啊！什么时候 Python 能成为通用的客户端脚本啊，那个时候用 Python 就可以通吃服务器端和客户端了……

说完了脚本，来说说这次的界面。这次界面个人还是很满意的。在界面设计中，我自认为值得一提的是那个圆角，为什么呢？因为我以前一直以为 GIMP 不能画圆角。这次去网上找了才知道，GIMP 远比我想象的强大的多！猜猜圆角是怎么画出来的？是通过高斯模糊+调整色阶。具体的实现方法放在下面参考资料里面了，这里就不详述了。但我真的觉得很强大，虽然 GIMP 和 Photoshop 等商业软件还有差距，不过对于我来说，看来足够了。

最后再提下这次发现的不同浏览器的兼容性问题：

对于不显示的 Flash，IE 无法与其交互

对于曾经被隐藏但再次出现的 Flash，IE6 无法与其交互

解决方案：完全销毁原有 Flash 对象并重建

IE 中隐藏的 Flash MP3 播放器可以发出声音，但 Firefox 不行

解决方案：统一的办法就是直接销毁播放器，而非单单让其隐藏

IE 的 JavaScript 解析器不支持用 [index] 的方式索引字符

解决方案：使用原有标准的 .charAt(index) 方式索引

在 IE6 中，显示时尚未下载完成的 CSS 元素永远不会显示（如背景图片）

解决方案：在页面中加入一个隐藏的 iframe 用于预加载

IE6 中的双倍外边距 bug

解决方案：给相应对象加上 display:inline; 属性，或通过 hack 专门调低在 IE6 下的外边距

IE6 对于 display 的 inline-block 属性支持不完善

解决方案：给相应对象加上 zoom:1; 属性

IE6 不支持半透明的 png 图片

解决方案：采用 IE 专有的过滤器 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 可以完美解决

IE 的兼容性烦死人啊……看看我的 ie6-fix.css 和 ie7-fix.css 就知道了……

使用部件

• jQuery: The Write Less, Do More, JavaScript Library
• Uploadify – jQuery File Upload Plugin Script
• SWFObject
• jMP3: Sean O’s JavaScript MP3 Player / jQuery plugin
• JSON plugin for jQuery

参考资料

• jQuery中文入门教程
• 如何格式化浮点数计算结果 JavaScript – CSDN社区
• jQuery.sifrSettings
• jQuery性能优化指南 (全部) – 烟雨博客
• 1.3 圆整圆角 – The Gimp – 思魂轩
• Uploadify • View topic – Uploadify doesnt fire uploadifyUpload/uploadifyClearQueue
• IE6下margin双倍问题 – 绯雨的天空
• Making Internet Explorer use PNG Alpha transparency

今天就修改了一下……因为昨天发的那文章很多用这个来显示高亮代码，而且最后一个长代码我还使用了自动收缩。可是自动收缩没效果！下载栏也没有显示。今天查一下，发现是插件的功能栏被我关了……启用以后觉得很难看，很厚，而且和我的蓝色主题很不搭调，于是就决定自己修改了。

先是改了 CSS，把那功能栏调好看了些。然后开始改 main.php，把后面失效的帮助链接给删掉了。然后我让代码小等于5行，又不提供文件下载的代码段自动隐藏功能栏，而对于大于70行的代码，如果没有显示声明展开则自动收缩。最后，觉得那个收缩很卡，就让他直接消失好了……查了下插件用的 jQuery，新版本改进了执行效率，而且没有改变插件里面用的那些函数的特性，就直接下下来更新了……

这里把我修改后的插件也贴出来供大家参考吧：wp-codebox-upsuper.tar.lzma (577.8 KB)

顺便说一声，配的也是最新版的 GeSHi，虽然只更新了一个小小版本……

非常无奈地，这个程序不仅没有进入 Ubuntu 的源，而且也没有看到编译好的 deb 包，所以首先，我先从 SourceForge 上下载了它的源代码。然后开始安装。

解压后，我一直以为源码包的默认安装方式：./configure – make – make install 错了！第一步就提示找不到 ./configure……看看 README，发现需要先执行一条命令叫做“phpize”。我在终端中输入 phpize，提示找不到命令，而且没有提示什么软件包中包含这个命令。在网上查到需要安装 php5-dev 包，于是就用 apt-get 安装了 php5-dev 包。再执行 phpize，发现目录里瞬间多出了许多文件。然后，执行 ./configure，make，make install。安装完成。

重启 apache2 查看 phpinfo，发现 blitz 没有出现！怎么会这样呢……突然看到 phpinfo 里面的“additional .ini files parsed”一栏里面都是形如“/etc/php5/apache2/conf.d/插件的名称.ini”，所以就找到 /etc/php5/apache2/conf.d/ 目录，查看了里面随便一个文件，发现其实格式很简单，就是

1

extension=插件名.so

于是就添加了一个文件“blitz.ini”，内容为

1

extension=blitz.so

保存。再次重启 apache2，查看 phpinfo，终于看到 blitz 了！

1
2
3
4
5
6
7
8

function a($t) {
  define('T', $t);
  echo T;
}
 
a('a');
echo T;
a('b');

结果发现，输出的三个字符都是 a，而且没有报错。这说明，无论常数在哪里声明，都是全局有效的，而且定义后不可再被更改了（废话……不然还叫常数）。从定义发生的时机看，确实是第一次调用函数 a() 的时候被定义的，而后再次调用函数 a() 时没有被修改也没有报错。还真是有趣的说~

话说今天发现 PHP 的 link 函数的文档中写着“5.3.0 This function is now available on Windows platforms.”！十分好奇，Windows 下也有文件硬链接？载来 PHP 5.3.0 RC2（又一惊，5.3.0 已经到 RC2 了！）的代码，细细观赏一番，发现在 ext/standard 下有一个文件叫 link_win32.c，打开看到如下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

PHP_FUNCTION(link)
{
/* ... 此处省略数行 ... */
#ifndef ZTS
	ret = CreateHardLinkA(topath, frompath, NULL);
#else 
	ret = CreateHardLinkA(dest_p, source_p, NULL);	
#endif	
	if (ret == -1) {
		php_error_docref(NULL TSRMLS_CC, E_WARNING, "%s", strerror(errno));
		RETURN_FALSE;
	}
	RETURN_TRUE;
}

CreateHardLinkA 难道是一个 API 函数？再一查，发现 MSDN 上有文档：CreateHardLink Function (Windows)，上面还写着“Establishes a hard link between an existing file and a new file. This function is only supported on the NTFS file system, and only for files, not directories.”，只有 NTFS 才能用。看来只好认为是学 Linux 的了……竟然支持，真是不可思议，不过 Windows 为什么默认却没有办法在 GUI 中使用这个功能呢？

今天上网查找了一下，发现不是这样的，原来比较基本的 LAMP 空间也可以这样了，这完全得益于一个叫做 mimeTeX 的开源软件。虽然这个软件生成的没有 LaTeX 生成的漂亮，不过还是比 Word 的公式编辑器生成的漂亮，最重要的是可以在网站上使用！

要安装这个，有一个比较必要的前提，就是你的网站必须不能运行在 PHP 的安全模式下，还有就是网站必须允许是用 .htaccess 配置文件，否则可能不行……不是……是肯定不行……另外权限设置比较严格的服务器上注意把相应权限设置妥当。

如果服务器是 Linux 平台下的，首先，我们要下载这个软件，源代码可以点击这里下载：mimetex.zip
这里推荐解压后直接上传整个文件夹的代码上去，因为最好可以在服务器端编译，而非客户端编译好，否则平台可能不兼容。在解压出来的文件目录中新建一个 complie.php 文件，其中输入

1
2
3

<?php
echo `cc -DAA mimetex.c gifsave.c -lm -o mimetex.cgi > cc1 2> cc2`;
?>

然后通过浏览器访问这个 PHP，再查看 cc1 和 cc2 文件。如果不出意外，cc1 和 cc2 应该都是没有内容的空文件。
接下来，把这个 mimetex.cgi 移动到你想要的文件夹，并给它加上执行权限（不然可能出现 500 错误）。

如果服务器是 Windows 的，因为 Windows 似乎对兼容做得比较不错，因此可以直接用我编译的这个cgi (编译器 mingw gcc 3.1.1)：mimetex.cgi (924KB)

下面，在你安放 mimetex.cgi 的文件夹下新建一个 .htaccess 文件，并设置如下内容：

1
2

Options +ExecCGI
AddHandler cgi-script cgi

如果你不想让别人借你的服务器生成图片的话，还可以输入以下内容：

1
2
3

Order deny,allow
Deny from all
Allow from 127.0.0.0/255.0.0.0 ::1/128

当然，这样你就只能在 PHP 中用 curl 访问了~虽然我也推荐这样做。

上面这样就可以了，然后如果要生成某个 LaTeX 的图片，只要访问 mimetex.cgi?你的公式 就可以了，如

1

mimetex.cgi?\sqrt{2}^2=2

这样，漂亮的 gif 图片就出来了。

最后再说说，我个人觉得，直接让客户端访问这个并不好，所以推荐加上权限控制，然后在 PHP 中是用 curl 获取，并做一次缓存。毕竟不管怎样，生成这个是要花费不少的 CPU，如果遇到大量公式的时候，应该会相当可怕……所以这种时候做一个缓存应该是很好的选择，毕竟那些 gif 都不大。这段代码就不写了，我想应该是很简单的~

说回来，如果认真看这个程序的 README 还会发现，如果加上编译参数 -DCACHEPATH=地址 就可以在 cgi 级别使用 MD5 Hash 的文件缓存。不过再想想，其实没什么必要，一个是用 PHP 控制缓存文件要更方便，同时考虑到文件系统在一个目录下文件多于 10000 个时会出现严重性能问题，最好使用多级目录来做缓存，不过看代码似乎没有多级缓存。除此之外，我想还有一些不错的方法可以做一些初级判重，这些用 PHP 实现会比改 cgi 要简单的多了~建议大家可以自己再多看看编译说明，似乎有不少有趣的编译参数~

1

document.write('<iframe id="vote_iframe" id="vote_iframe" width="100%" frameborder="0"  height="0" scrolling="no"  src="http://toupiao.baidu.com/sys/dtview/1/299ffee9f95d723176f722e6?bu='+r_url+'&t='+Math.random()+'"></iframe>')

这段代码出现在投票信息出现的地方，很明显，这就是投票信息。所以就打开 http://toupiao.baidu.com/sys/dtview/1/299ffee9f95d723176f722e6 看到了那个投票信息，再研究代码，便写出了下面程序：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

header('Content-Type: text/vnd.wap.wml;charset=UTF-8');
 
$id = $_GET['id'];
$id = preg_replace('/[^0-9a-f]/i', '', $id);
 
if (! $id) exit('错误的投票 id ！');
 
$file = './cache/'.$id;
 
if (file_exists($file)) {
	include $file;
 
	$curl = curl_init();
	curl_setopt($curl, CURLOPT_URL, 'http://toupiao.baidu.com/sys/rsview/1/'.$id.'?t='.rand());
	curl_setopt($curl, CURLOPT_HEADER, 0);
	curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
	$content = curl_exec($curl);
	curl_close($curl);
 
	preg_match('/vtVoterSum:(\d+),/i', $content, $match);
	if (! $match) exit('错误！');
	$total = $match[1];
 
	preg_match_all('/{vtVoteNum:(\d+),vtVotePt:(\d+\.\d+)}/', $content, $match, PREG_SET_ORDER);
	if (! $match) exit('错误！');
	for ($i = 0; isset($match[$i]); ++$i) {
		$item[$i][1] = $match[$i][1];
		$item[$i][2] = $match[$i][2].'%';
	}
 
} else {
	$curl = curl_init();
	curl_setopt($curl, CURLOPT_URL, 'http://toupiao.baidu.com/sys/dtview/1/'.$id.'?t='.rand());
	curl_setopt($curl, CURLOPT_HEADER, 0);
	curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
	$content = iconv('gb2312', 'utf-8', curl_exec($curl));
	curl_close($curl);
 
	preg_match_all('/vote_desc_array\[\d+\]=new Array\("(.+?)",\d+\);/i', $content, $match, PREG_SET_ORDER);
	if (! $match) exit('错误！');
	$fp = fopen($file, 'wb');
	fwrite($fp, "<?php\n");
	for ($i = 0; isset($match[$i]); ++$i) {
		$item[$i][0] = $match[$i][1];
		fprintf($fp, '$item[%d][0]=%s;', $i, var_export($item[$i][0], true));
	}
	fwrite($fp, "\n?>");
	fclose($fp);
 
	preg_match('/<span class="fB">(\d+)<\/span>/i', $content, $match);
	//if (! $match) exit('错误！');
	$total = $match[1];
 
	preg_match_all('/{optVoNum:(\d+),vtVotePt:(\d+\.\d+)}/i', $content, $match, PREG_SET_ORDER);
	if (! $match) header('Location: index.php?id='.$id);
	for ($i = 0; isset($match[$i]); ++$i) {
		$item[$i][1] = $match[$i][1];
		$item[$i][2] = $match[$i][2].'%';
	}
}
 
include './userface.php';

至于 userface.php 就自己写 wml 界面就好了~

然而在这里就不一样了，PHP 和 JavaScript 的内存机制我不是非常了解，同时我们似乎也不再使用预申请的方法来加速了（似乎也比较困难……），而是直接用上了 += 这样的符号。

下面就是问题了：这样的效率低吗？

很多人（包括我自己最初）根据自己的想象，认为使用添加数组内容，最后合并数组为字符串，这样效率比简单的 += 要快，但我经过反复实验认为并不是这样的。首先是 JavaScript，我使用的测试代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

function getTime() {
	return (new Date()).getTime();
}
function testit() {
	for (i = 0; i < 10; ++i) {
		st = getTime();
		t = '';
		for (j = 0; j < 100000; ++j) {
			t += 'test';
		}
		et = getTime();
		document.write(et - st);
		document.write('\t');
 
		st = getTime();
		a = [];
		for (j = 0; j < 100000; ++j) {
			a.push('test');
		}
		t = a.join();
		et = getTime();
		document.write(et - st);
		document.write('\n');
	}
}

以下是我在 Firefox 3.0.6 下执行的结果：

1
2
3
4
5
6
7
8
9
10

196	207
195	215
199	203
196	203
200	197
110	111
104	111
107	111
108	113
105	107

可以看出，+= 的效率并不比数组合并低，甚至略快于数组合并。

下面我们看看 PHP 呢？

下面是测试用 PHP 代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

for ($i = 0; $i < 10; ++$i) {
	$st = microtime(true);
	$str = '';
	for ($j = 0; $j < 10000; ++$j) {
		$str .= 'test';
	}
	$et = microtime(true);
	printf("%.7F\t", $et - $st);
 
	$st = microtime(true);
	$arr = array();
	for ($j = 0; $j < 10000; ++$j) {
		$arr[] = 'test';
	}
	$str = implode($arr);
	$et = microtime(true);
	printf("%.7F\n", $et - $st);
}

结果则如下：

1
2
3
4
5
6
7
8
9
10

0.0039599	0.0461071
0.0070710	0.0408709
0.0052779	0.0322330
0.0061541	0.0294971
0.0051920	0.0230181
0.0039949	0.0204601
0.0038750	0.0246589
0.0043111	0.0245950
0.0047810	0.0232542
0.0038841	0.0230379

可以看出，数组合并的效率远低于字符串直接叠加！

上一次用 spidermonkey-bin 中的 js 命令做了一下实验，结果在这种条件下，字符串叠加的效率也是远优于数组合并，而不像在 Firefox 中这样。

我对于这些脚本语言对字符串和数组的具体实现机理不是很清楚，但可以肯定的是，个个常用的脚本引擎都对字符串处理做了许多优化，我猜测（因为 Ubuntu 下暂时没有 stable 的 Chrome）Chrome 的 V8 引擎中，字符串直接叠加的效率将继续远超数组。因此，我们不应该想当然地认为某某方式效率高，而应该用测试结果说话……

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

header("Content-Type: text/plain");
$tests = array('[size=1]', '[table=1px,solid,black]', '[/table]', '[/a=testit]');
 
for ($i = 0; $i < 10; ++$i) {
$st = microtime(true);
for ($j = 0; $j < 20; ++$j) {
foreach ($tests as $test) {
preg_match('/^\[(?<c>\/)?[A-Za-z]\w*(?(c):(?!)|=[^\]]*)?\]$/', $test);
explode('=', substr($test, 1, -1), 1);
}
}
$et = microtime(true);
printf("%.6F\t", $et - $st);
 
$st = microtime(true);
for ($j = 0; $j < 20; ++$j) {
foreach ($tests as $test) {
preg_match('/^\[(?<c>\/)?([A-Za-z]\w*)(?(c):(?!)|=([^\]]*))?\]$/', $test, $r);
}
}
$et = microtime(true);
printf("%.6F\n", $et - $st);
}

下面选取了在我机子上和在我的网页服务器上测试的数据，这两台机的操作系统都是 Ubuntu，PHP 都为 5.2.6。我在学校服务器上测试结果与这里有较大出入，疑是 PHP 版本不同的缘故。

下面数据每个前15行为单独跑的数据，后面三行分别为最慢、最快和去掉最大最小值的平均值。

三列分别表示 isset、与变量比大小，与数值比大小。

下面是在我机子上跑的数据：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

0.001914	0.003213	0.003172
0.001762	0.002843	0.003285
0.001810	0.002995	0.003005
0.001736	0.002813	0.002978
0.001803	0.002903	0.003003
0.001814	0.002854	0.003005
0.001822	0.002850	0.003025
0.001809	0.002843	0.003014
0.001806	0.002834	0.003009
0.001790	0.002822	0.003000
0.001764	0.002838	0.002999
0.001766	0.003941	0.003149
0.001785	0.002831	0.003017
0.001794	0.002822	0.003011
0.001769	0.002854	0.003014
 
0.001914	0.003941	0.003285
0.001736	0.002813	0.002978
0.001792	0.002885	0.003033

这个是在我的服务器上跑的数据：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

0.001070	0.001156	0.001107
0.001063	0.001157	0.001108
0.001061	0.001155	0.001127
0.001063	0.001156	0.001106
0.001060	0.001155	0.001105
0.001059	0.001142	0.001145
0.001042	0.001141	0.001111
0.001119	0.001146	0.001133
0.001041	0.001142	0.001104
0.001040	0.001146	0.001153
0.001114	0.001152	0.001105
0.001056	0.001248	0.001111
0.001046	0.001148	0.001111
0.001079	0.001153	0.001103
0.001057	0.001160	0.001112
 
0.001119	0.001248	0.001153
0.001040	0.001141	0.001103
0.001062	0.001151	0.001114

（可以看出我的机子还是比不过那服务器的……不知道配置问题还是 Ubuntu Desktop 和 Server 的差别……）

同时我发现，在我的机上，与数值比大小比与变量比大小还慢，但在服务器上没有出现这种情况（本来就不该……）

神奇的测试结果……

用 tar jxvf php-5.3.0beta1.tar.bz2 解压了文件，进入文件夹，开始 configure。

刚刚 configure 没一会儿，提示找不到 C 编译器。冷了，连 gcc 什么的都没装。又 apt 了个 gcc 和 g++。再 configure，提示没找到 libxml2。apt 了 libxml2，还是找不到，去网上一查，发现还要 libxml2-dev，又 apt 了下来。

最后终于 configure 过了，开始 make。提示没有 make。其实这早在我的意料之中……apt 了 make 和 automake，开始 make，make 完提示说别忘了 make test，我就 make test……等他 test 完告诉我提交报告，那就提交报告吧……麻烦……提交完我就开始 sudo make install。安装完，试一下 cli 的 php，可以使用了。很兴奋的回到外面在浏览器输入 phpinfo 的页面，结果提示下载……

失败了……在网上又一整查找，看到一篇 Ubuntu 下编译安装 5.2.8 的，里面的编译参数看不懂 _-b 所以我就一个都没敢加……不过我觉得实在费解，为什么要编译安装 5.2.8 呢……5.2.8 似乎没什么新特性，而且 Ubuntu 自带的 PHP 5.2.6 是加了 Suhosin Patch 的，安全！最后找到 PHP 的官方文档才明白，那个 –with-apxs2 是表示 Apache2 的……

用 find |grep ‘apxs’ 发现我饿 apxs2 在 /usr/bin/apxs2，就又重新开始 configure 了。这次 configure 倒也顺利（因为改装的都装好了），本想也顺便 –with-mysql 个，结果发现 mysql 没装……而且装了还是不过，就干脆不要了。

configure 完成后，照例是 make、make test、sudo make install。这或许就像 Windows 里的下一步一样。不过在 Ubuntu 的 apt 下，连这个都省了，我也被惯懒了……

sudo make install 果然出错了，提示 httpd.conf 至少应该有一个 LoadModule。想起上面那篇编译 5.2.8 的里面也写了这些东西，遍在 httpd.conf 里面加入了

1
2

# Dummy LoadModule directive to aid module installations
# LoadModule dummy_module /usr/lib/apache2/modules/mod_dummy.so

竟然真的过了 _-b 电脑还真好骗……

安装完成后，再次重启 apache2，打开浏览器，查看 phpinfo。终于出来了，我的 PHP 5.3！

真是辛苦……本来以为用了这么久 Ubuntu 对 Linux 还算有点了解了，经过这么一折腾，发现自己原来连门都还没入……

好吧，PHP 5.3 的测试就再说吧……今天就这样了……

安装 JeOS 是文字界面（至少不是 LiveCD 那样的界面……），而且，Ubuntu 的文字界面安装有一大囧处，就是会检测 apt！JeOS 的安装确实两次卡在检测 apt 上……根据某次在学校安装 Alternate 的经验，赶快把网卡禁用掉，然后重新安装，所有不该有的东西成功跳过。

随后，系统启动进入 Ubuntu。我突然发现，这真是一个 Just enough 的系统，连图形界面都没有……囧……我第一个想法是，用 apt 弄一个 apache2 先。结果当我启动 apt 的时候，蓦然想起，网络还没弄好。如果在图形界面，肯定是瞬间就可以解决的问题（Ubuntu 有带些强大的网络管理程序），可是在文字界面……

幸好是在虚拟机，回到外面，在网上找到了网络配置的方法，用 vim 打开 /etc/network/interfaces，然后将其修改为

1
2
3

auto lo eth0
iface lo inet loopback
iface eth0 inet dhcp

最后

1

sudo /etc/init.d/networking restart

成功的找到了网络。接着就是 Ubuntu 都需要的配置过程——改 apt 源。

还是 vim 打开 /etc/apt/sources.list
将里面 cn.achieve.ubuntu.com 全部改成 tw.achieve.ubuntu.com 或 mirror.lupaworld.com，保存。

终于可以用 apt 了，真是欣慰。

运行 apt 发现中文都是菱形？！又在网上查找了一翻，找到一篇相关的文章，修改了 /etc/default/locale 文件的相关内容，重启。

把 apache2 安装好了，并把 VMware 的网络设置从 NAT 设置为 Bridge，然后在主机的浏览器输入 IP 地址，看到了那个著名的 It works!

下面是 ftp 服务器。因为我在自己的机子上都没做过 ftp，所以自然是不知道怎么弄的。去网上先是看到一个传说中很好的 ftp 服务器，叫做 wu-ftp，结果弄了半天配置不出来，就放弃了。换了个叫 vsftp 的。网上资料似乎很多，就是没有能让我配置成功的。最后我只得找到他的 Manpage，按着里面的说法配置。配出来恐怕安全性不高，不过足够易用就好了……下面是我的配置文件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

anon_mkdir_write_enable=YES
anon_other_write_enable=YES
anon_upload_enable=YES
anon_world_readable_only=NO
anonymous_enable=YES
connect_from_port_20=YES
dirmessage_enable=YES
listen=YES
local_enable=YES
no_anon_password=YES
write_enable=YES
xferlog_enable=YES
xferlog_std_format=YES
accept_timeout=3600
connect_timeout=3600
file_open_mode=0777
anon_root=/var/www

匿名倒是没登上去，用我在 JeOS 里的用户名密码倒是登上去，而且可以直接查看整个文件系统（相关权限还在就是了）。

不管了，反正能用就行了，这是 lab 嘛……

然后是代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<?php
$script = stripslashes($_REQUEST['script']);
if ($script !== false) {
	$ftest = fopen("script_test.php", "wb");
	fwrite($ftest, $script);
	fclose($ftest);
}
?>
<?php if ($_REQUEST['ret'] == 'js') : ?>
<script language="javascript">
parent.document.getElementById('show_test').contentWindow.location.reload();
</script>
<?php else : ?>
<style>textarea { width: 100%; height: 400px; }</style>
<table width="100%">
<tr valign="top"><td width="50%">
<form action="?ret=js" method="POST" target="submit_iframe">
<textarea id="script" name="script">
<?php if ($script !== false) : ?><?= $script ?><?php endif; ?>
</textarea><br />
<input type="submit" value="Test" />
</form></td>
<td width="50%"><?php if ($script !== false) : ?>
<iframe id="show_test" src="script_test.php"
 style="border: 1px black solid; width: 100%; height: 400px;"></iframe>
<?php endif; ?>
</td></tr></table>
<iframe id="submit_iframe" name="submit_iframe" style="display: none;"></iframe>
<?php endif; ?>

其中那些高度对于我的显示器效果是不错的，可以根据自己需要调整……

很早就知道有一个国外的开源论坛系统叫做 phpBB，也知道 Ubuntu 的中文论坛用的就是这套系统，今天载下来看一下，实在不得不写一篇来称赞它。

首先要称赞的，是它几乎完全是 OOP 的，这对于外表来看似乎没什么特别的意思，但作为一个程序员，我还是要称赞的，因为 OOP 意味着结构清晰，各个部分的分工明确，具有极强的组织性和易解释的特性。随意翻开 includes 文件夹里的文件，几乎都是 class。好像 WordPress 的代码也是这样的，这种代码通常我是看不懂的……因为 OOP 的思想不够深入？反正我觉得我还是很菜的……

接下去，就是它的权限管理。我觉得如果我写一套网站系统，一定要充分吸收 phpBB 的权限系统，这是我所见过的所有网站系统中最优秀的权限管理。如果我没记错的话，事实上 Zend Framework 提供了一个类似的权限系统，不过在国内的 php 程序中我几乎没有见过，自然不太了解，不知道是不是这样的系统在国外的程序中已经普遍应用了？

以上这两点已经够赞的了……不过我觉得他的界面即清晰清爽，又很强大，再赞一个。

原来看了 Discuz! 和 PHPWind 的代码，觉得写一个论坛系统是很容易的，再看看 phpBB……这种信心就彻底被摧毁了……再看看 PHPWind 官方的广告“中国领先的社区软件与方案供应商”，觉得他也只能在中国领先了……

不过传上去后才发现，这个系统根本不支持中文，全英文的界面。

本来想，算是不错的一个这么庞大的统计系统，应该能比较容易地进行翻译，因此就看了一下。发现确实有一个名叫lang的文件夹，进去一看，果然有语言文件！可是翻译的时候发现，仅仅几条。经过侦查，发现这个系统高度插件化，几乎所有的功能都是通过插件提供的，给翻译带来了极大的困难。在翻译了几个插件以后，传上去测试，发现乱码，觉得是编码问题，就把中文的语言文件存为UTF-8，乱码问题解决。但是是在不想继续翻译了……

回到主界面，突然发现右上方写着“Piwik is a collaborative project and still Beta. If you want to help, please contact us.”。瞬间，觉得还是不用了，等着它的正式版吧！

不过要说的是，这确实应该会成为一个相当不错的统计系统，据说堪比Google Analytics！

本来想给我的电脑直接装上Ubuntu8.04LTS的，盘刻好了，还用分区魔术师划了些地方出来装。结果还是失败了，好像是提示什么I/O APIC的问题，Ubuntu的Linux内核根本启动不起来……所以最后只好回到Windows下用VMware了。

原来我的VMware里面就有一个Ubuntu的虚拟机，今天便把原来的内容全部消掉，重新安装了一个新的Ubuntu。安装还算顺利，就是安完还是半中文半英文，看得蛮不爽的说。

我的VMware设置为桥接到宿主所在网络，所以和在真实的网络环境一样。因为知道Ubuntu最依靠的就是网络，所以就先把网络设置好了。我家使用的是一个小型的支持DHCP的家用路由器，因此我在“系统->系统管理->网络”里面点击解锁后点击列表中的第一个，并设置其为DHCP。随后登入路由器，发现为我的Ubuntu虚拟系统分配了一个新的IP地址。Ubuntu的网络是连上了，可是我宿主机Windows的网络却不能用了，可虚拟机里面却好好的……郁闷……算了，先用虚拟机吧~

下面来处理语言的问题。经过调查，我先更新了apt的sources.list。首先点击“应用程序->附件->终端”，应用程序可能是中文，不过反正就是第一个菜单。然后输入：

1
2

sudo cp /etc/apt/sources.list /etc/apt/sources.list_backup
sudo gedit /etc/apt/sources.list

前面的sudo大约表示能够用最大权限，似乎etc目录都要用最大权限才能修改的样子，至于gedit是使用Gnome的Ubuntu下才有的命令。接下来我跟大家说说我更新以后的sources.list吧：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

deb http://archive.ubuntu.org.cn/ubuntu-cn/ hardy main restricted universe multiverse
 
# 这一套极快，每秒可以上MB级
deb http://ubuntu.cn99.com/ubuntu/ hardy main restricted universe multiverse
deb http://ubuntu.cn99.com/ubuntu/ hardy-security main restricted universe multiverse
deb http://ubuntu.cn99.com/ubuntu/ hardy-updates main restricted universe multiverse
deb http://ubuntu.cn99.com/ubuntu/ hardy-proposed main restricted universe multiverse
deb http://ubuntu.cn99.com/ubuntu/ hardy-backports main restricted universe multiverse
deb-src http://ubuntu.cn99.com/ubuntu/ hardy main restricted universe multiverse
deb-src http://ubuntu.cn99.com/ubuntu/ hardy-security main restricted universe multiverse
deb-src http://ubuntu.cn99.com/ubuntu/ hardy-updates main restricted universe multiverse
deb-src http://ubuntu.cn99.com/ubuntu/ hardy-proposed main restricted universe multiverse
deb-src http://ubuntu.cn99.com/ubuntu/ hardy-backports main restricted universe multiverse
 
deb http://mirror.rootguide.org/ubuntu/ hardy main restricted universe multiverse
deb-src http://mirror.rootguide.org/ubuntu/ hardy main restricted universe multiverse
deb http://mirror.rootguide.org/ubuntu/ hardy-updates main restricted universe multiverse
deb-src http://mirror.rootguide.org/ubuntu/ hardy-updates main restricted universe multiverse
deb http://mirror.rootguide.org/ubuntu/ hardy-backports main restricted universe multiverse
deb-src http://mirror.rootguide.org/ubuntu/ hardy-backports main restricted universe multiverse
deb http://mirror.rootguide.org/ubuntu/ hardy-security main restricted universe multiverse
deb-src http://mirror.rootguide.org/ubuntu/ hardy-security main restricted universe multiverse
deb http://mirror.rootguide.org/ubuntu/ hardy-proposed main multiverse restricted universe
deb-src http://mirror.rootguide.org/ubuntu/ hardy-proposed main restricted universe multiverse
 
# 这是官方的源
deb http://archive.ubuntu.com/ubuntu/ hardy main restricted universe multiverse
deb http://archive.ubuntu.com/ubuntu/ hardy-security main restricted universe multiverse
deb http://archive.ubuntu.com/ubuntu/ hardy-updates main restricted universe multiverse
deb http://archive.ubuntu.com/ubuntu/ hardy-proposed main restricted universe multiverse
deb http://archive.ubuntu.com/ubuntu/ hardy-backports main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu/ hardy main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu/ hardy-security main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu/ hardy-updates main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu/ hardy-proposed main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu/ hardy-backports main restricted universe multiverse

接着就在终端中运行

1

sudo apt-get update

一阵等待过后（等待的时候玩Ubuntu里面的数独，发觉还是有些难度的），然后打开“系统->系统设置->语言设置”里面，找到中文打上钩，确定以后就自动完成了中文语言包的下载，重新启动后就看到了全中文的界面！然后使用Firefox上网，可以用Ctrl+Space调出中文的输入法。个人觉得里面默认的拼音输入法不亚于搜狗哈~

接着就觉得看过去太小了，想把分辨率调高一些。在“系统->首选项”里面看到了屏幕分辨率，打开一看，竟然有我显示器推荐使用的1440×900，当即就选了。然后用Ctrl+Alt+Enter让VMware进入全屏模式，就像真的用Ubuntu一样！

因为这次打开Ubuntu的主要目的是学习LAMP，于是就装起了相关的东西。一开始的时候不知道新立得就有LAMP-Server，还傻傻的装了好多东西：

1
2
3

sudo apt-get install apache2 mysql-server
sudo apt-get install php5-common php5-gd php5-mysql libapache2-mod-php5
sudo apt-get install phpmyadmin

其实并没有上面这条命令这么顺利的，我是绕了不少弯路。开始的时候apache2装上去然后装php5，然后我很快找到了位于/var/www/的网站目录。接着就在里面放上了一个“Hello World!”的php：

1

echo "Hello World!";

但是不能解析……结果后来知道，要重启一下apache2：

1

sudo /etc/init.d/apache2 restart

后来装完mysql后去下载了一个phpmyadmin解压到/var/www/目录里，结果不能访问，说是php没有加载mysql模块，我就囧了。后来把这个文件夹删了，然后用apt的phpmyadmin，在/etc/apache2/sites-available/文件夹里的default文件的虚拟服务器中添加了：

1
2
3
4
5
6
7

    Alias /phpmyadmin/ "/usr/share/phpmyadmin/"
 
        Options none
        AllowOverride Limit
        Order Deny,Allow
        Deny from all
        Allow from all

终于是可以用了。

刚刚升级了一下VMware到6.0，貌似宿主机和虚拟机可以一起上网了。另外终于是把VMware Tools给装上去了。也不知道是怎么装的，莫名其妙就装好了，所以就不写了。

我能这么还算顺利的做完这些事情，很大程度要感谢前辈们的指导。今天配置的过程中参考了许多来自不同地方的资料，其中帮助最广泛和最大的要数快速配置教程了，其中的精细的指导实在是好，让我这样愚笨的人都在短时间内完成了一些东西。

最后赞叹一下这些伟大的自由软件的精妙和强大，实在是一个值得深究的东西啊！

我的Wordpress安装了一个WP-Codebox插件使用了GeSHi，而我用的Wiki系统——DokuWiki也有带GeSHi，又因为我对一些代码高亮有特别的要求，所以就把我上次改造过得GeSHi放到一个比较公共的目录里面，然后让两个全部指过去。

在WP-Codebox中只要修改wp-codebox.php：

28

include_once(ABSPATH."./../include/geshi/geshi.php"); #include_once("geshi/geshi.php");

而DokuWiki里面则要修改3处，都在inc/parserutils.php里：

642
643
644
645
646
647
648
649
650
651
652
653
654
655
656

  if (@file_exists($cache) && !$_REQUEST['purge'] &&
     (filemtime($cache) > filemtime(DOKU_INC . './../include/geshi/geshi.php'))) {
 
    $highlighted_code = io_readFile($cache, false);
    @touch($cache);
 
  } else {
 
    require_once(DOKU_INC . './../include/geshi/geshi.php');
 
    $geshi = new GeSHi($code, strtolower($language), DOKU_INC . './../include/geshi/geshi.php');
    $geshi->set_encoding('utf-8');
    $geshi->enable_classes();
    $geshi->set_header_type(GESHI_HEADER_PRE);
    $geshi->set_link_target($conf['target']['extern']);

于是就把两个归拢了，这样以后只要改一个GeSHi就可以了。改天把GeSHi加一点功能，支持一下VS2005.NET对于C#的高亮语法，呵呵~

今天在w3c那边测，CSS是一次通过，不过有一些颜色使用上的警告，说有些颜色和背景色一致什么的……不过XHTML的测试就没那么好了，貌似错了8个地方，查一下发现又是wp-codebox！

如果用wp-codebox的朋友，想要过w3c测试，就要改两个地方，都在其main.php文件中（下面两个都是修改后的）：

135

	$output .="id=\"l{$post->ID}{$codeid}\">";

142

  $output .= "<td class=\"code\" id=\"code{$post->ID}{$codeid}\">";

现在反正是通过了，通过的标志就在侧栏的Support里面。还是蛮开心的~

我就换了一种想法，用URL Rewrite试试？把php文件改名后编写了一个.htaccess，把所有.php的文件rewrite到.php_file上去，终于成功实现了！

那个.htaccess代码：

1
2
3

RewriteEngine	on
RewriteBase	/
RewriteRule	^(.*)\.php$	$1\.php_file

另外，也把找到的其他方法给大家参考，都是通过编写.htaccess文件：

第一种是通过重定义php的MIMI-TYPE：

1

AddType text/html .php

第二种是通过关闭PHP引擎，这是PHP手册上所写的方法：

1

php_flag engine off

还有一种是直接禁止对一切PHP的访问：

1
2
3
4

<Files  ~  ".php">
	Order allow, deny
	Deny from all
</Files>

为了装这个宠物中心，我把include/db_mysql.class.php都改了，如果大家在安装后发现宠物中心不能启动，并且提示找不到query_first，那么查找

1
2
3

function affected_rows() {
	return mysql_affected_rows($this->link);
}

前面加上：

1
2
3

function query_first($sql) {
	return $this->fetch_array($this->query($sql));
}

我曾经试图修改插件的文件，结果发现，这个插件用这个文件用得太多了，干脆改论坛的核心文件了。

这个Online Judge我准备做成类似Cena的网页版，准备使用PHP+MySQL+Apache+Windows2K3作为运行环境，AJAX做界面，C++程序做后台测评程序。采取类似USACO的提交立即测评，在线等待结果的测评方式。

现在我正在撰写文档，估计正式编写工作从下一周开始。

首先MediaWiki要安好（废话），然后我们要下载LaTeX，这里推荐下载CTex套装，里面包含了需要用到的3个软件——MikTex、Ghostscript和GSview，如果你仅仅是为了MediaWiki的数学公式支持的话，那么只要选这3个就可以了。

接下来要到这里去下载ImageMagick。那里有很多个版本，如果不确定要哪个的话，我选择了上面那段描述文字的最后一个链接。

安好上面两样东西后，需要编译texvc，我懒得去编译了，直接下了一个编译好的，可能旧了一点，不过能用就行，你可以点击这里下载，将其里面的texvc.exe解压到MediaWiki的目录下。

最后开始配置，首先从到MediaWiki的网站上下载Math.php并替换include/Math.php。如果不能访问MediaWiki的网站，可以点击这里下载：Math.php (15.7KB)

接下来在LocalSettings.php下插入

1
2
3
4
5
6

#ImageMagick
$wgImageMagickConvertCommand = ''D:\\wikitex\\imagick\\convert.exe'';
$wgImageMagickIdentifyCommand = ''D:\\wikitex\\imagick\\identify.exe'';
#Tex
$wgLaTexCommand = ''D:\\wikitex\\miktex\\miktex\\bin\\latex.exe'';
$wgDvipsCommand = ''D:\\wikitex\\miktex\\miktex\\bin\\dvips.exe'';

以上各个路径需根据自己安装的情况进行更改，Tex下面两项的路径到CTex的安装目录寻找（有个技巧，就是在他们的安装目录里搜索这些文件名）。接下来将LocalSettings.php里的$wgUseTeX设为true。

下面找一个页面输入<math>\sqrt{2}</math>效果怎么样？