谈点技术——做网站的技术
Posted in 随笔 on 八月 13th, 2009 by admin – 2 评论今晚加班回来，给主页加上了繁体简体转换功能。只需要点击右上角的“繁体”链接，既可以将全站转换为繁体语言。这样子，所有大中华语言地区，都可以无障碍的浏览本站了。
下面的东西，纯粹属于技术，可能感兴趣的人少。
先讲一下本站的技术历史。最早的时候，是纯html的。为了修改方便，使用了Dreamweaver的模板技术（2001年）。当时是四海为家，到处使用免费空间。因为那时候大部分免费空间不支持动态脚本，所以长达4年都是静态的。
后来免费空间到头了，自己申请了“sunijta”这个域名，使用asp改版了原来的网站。再后来，自己写了一个博客程序，把网站全站变成了博客，并且实现了一个简单的静态化系统。
去年吧，想做一个举世无双的吉他谱带视频的站，因此申请了一个www.xuejita.net的域名。吉他谱怎么来呢？yf66的站长友情赞助了几千个，还是不够啊。于是研究了一下网络爬虫的原理，自己写了一个爬虫爬出去，抓了1万多个吉他谱。这下子，应该是比较全了。接着做了搜索系统，视频添加系统，人气系统，空间不够，同学友情赞助了教育网的一台服务器上的空间，虽然是百忙之中，但是还是把这个站做出来了。
再后来，asp的空间也不想用了，为了使用我的编程语言最爱php，换成了php的空间。这个改版是个问题，主要在于：ASP转换成php的困难；保持原有链接和静态网页系统的困难；数据库的转换。我是这样子解决的：
既然原来的系统是博客，那么采用php下的博客系统进行改造，考察了一下，发现基本可以满足我的要求；
数据库转换也不麻烦啊，写了一个程序从access转换成了php，其中保证了以前的文章id和新的数据库文章id一致；
至于保持原有静态网页的链接么，也不麻烦，使用apache的moderewrite写了个规则，于是解决了。
于是，就成了现在大家看到的这个网站界面啦。不过呢，还有找个了模板系统，改造了了里面的css，等等，此处略去。
最后讲一下繁体的转化，可能有些朋友有用：
程序原作者不詳，現在使用的這個版本經過Mark的修改，而我是從水煮魚得到的二手貨。
首先，網頁本身必須是UTF-8編碼，而不是GBK、GB2312或者Big5。
用戶的瀏覽器要支持JavaScript。
1. 下載文件tw_cn.js；
tw_cn.js (19 KiB, 542 hits)
2. 打開文件，對前幾行有標注的變量進行更改（貌似不改也可以？程序會把第5步添加的代碼作為外部參數）；
3. 上傳文件tw_cn.js到網站目錄；
4. 修改模板，在你想要顯示簡繁轉換按鈕的地方加上代碼：
<a id=”translateLink”>簡體 -> 繁體</a>
5. 打開主題模板的footer.php文件，在</body>之前添加如下代碼：
<script type=”text/javascript” src=”http://blog.fivestone.info/tw_cn.js”></script> //js程序的位置
<script type=”text/javascript”>
var defaultEncoding = 0; //默認是否繁體，0-簡體，1-繁體
var translateDelay = 0; //延遲時間，若不在網頁最後運行，要設定延遲翻譯時間，如100表示100ms
var cookieDomain = “http://blog.fivestone.info”; //Cookie地址，一定要設定，通常為你的網址
var msgToTraditionalChinese = “簡體 -> 繁體”; //默認切換為繁體時顯示的中文字符
var msgToSimplifiedChinese = “繁體 -> 簡體”; //默認切換為簡體時顯示的中文字符
var translateButtonId = “translateLink”; //默認互換id
translateInitilization();
</script>
