'网站技术' 分类的存档

2008年1月12日21:36:00

让你的博客拥有更多的手机阅读者!打造博客的手机阅读

iWPhone on ipodtouch

随着手机GPRS上网流行和即将到来的3G时代的浪潮,手机浏览成为一个重要浏览方式之一,然而我们的博客要如何适应手机的浏览呢?这成为一个重大的问题。随着技术的发展,WordPress和其他个人博客系统乃至BSP提供的网上免费博客都有一些办法来适应手机阅读。这里就对目前的手机阅读情况和相应适应方法做些分析。希望能够让你的博客通过打造博客手机阅读版、WAP站、手机在线RSS阅读而拥有更多的手机阅读者。

到目前为止的客观市场情况是:

1.手机上网流行,在包月流量的优惠下手机流量较充足,所以使得很多人开始通过手机随时随地浏览信息。

2.然而手机流量超标之后的费用是巨大的,而且手机上网速度极慢(我动感地带的号一般速度不会超过2KB/s),手机屏幕较小,对动态网页功能支持不足,这四点同时要求手机浏览的网站必须内容简炼、图片压缩、去除动态javascript等动态内容、内容分布呈现可变宽度的一列形式。

3.手机搜索开始流行,然而搜索到的广泛网页即使经过搜索引擎的处理仍然不便阅读。

4.手机feed阅读软件开始出现并通过二维码(国内主要是QR和DM)更方便地使用。

目前市场上存在的各种不同的应用方式有如下一些:

1.单独打造wap站、手动转换为WML(WAP1.2)格式的wap站:

WML格式是基于XML格式的手机wap站早期的格式,包括许多早期低端产品在内的手机都支持这种格式,但是由于其功能有限并且与HTML转换复杂,所以去建立如此的wap站将会十分麻烦,对普通的博客来说技术要求很高,况且又很难实现自动处理。

2.直接提供XHTML页面或简化处理的XHTML页面

这一点实现的原因是越来越多的手机自带浏览器都已经支持该格式,并且opera、uuweb等功能更强大的浏览器流行开来。W3C指定的规范称为XHTML mobile profile (WAP 2.0) ,而此规范能够兼容XHTML里面大多数非复杂类的标记,加之目前的很多手机浏览器尽量能够处理HTML,所以如果本身博客页面经过简化处理,使得在手机浏览依然流畅的话,就再好不过了。

继续阅读《让你的博客拥有更多的手机阅读者!打造博客的手机阅读》

2007年12月20日16:46:05

FreeHoxt免费7G空间PHP服务器考察报告

FreeHoxt服务器提供7G免费php空间,每月7T流量,支持ftp上传,也可web上传管理文件,提供15个MySQL数据库,提供二级域名,并可以绑定域名,有广告。

这是一个挺具有诱惑性的消息,于是注册了一下,要求注册名必须4个字母或数字以上,所以用的是good这个用户名(目前注册用户不多啊,各种名字都能注册到,有趣的是那个1234.freehoxt.com,似乎也是国人注册的),所以我的域名就是http://good.freehoxt.com。进入了后台,是LayeredPanel面板,整个功能还算不错。创建数据库是在“Create/delete MySQL database”菜单中,需要先创建一个数据库,再创建一个用户帐号,还要给予对数据库的访问权限,之后就可以正常使用了,并且提供了PHPMyAdmin。

空间和流量都是很充足的,硬件和软件方面情况可以参看我架的探针:http://good.freehoxt.com/env.php。Linux服务器(内核版本:2.6.18-1.2798.fc6)Apache 2.0的服务器解译引擎,PHP 5.1.6,PHP脚本不允许上传附件,PHP安全模式是打开的,不支持PHP邮件模块(打开的安全模式和关闭的邮件模块可以去其论坛要求更改),MySQL 5.0.27 数据库。

各类模块还是安装了不少,比国内那些收费巨贵的空间都要稍好一些。Apache、PHP、MySQL三者虽不是最新,但都是比较新的版本了,貌似国内的大多数收费空间都达不到这种水平,国内的空间或许以稳定性为理由,但其实是技术和服务态度跟不上。(即使盘古这样的空间也没有那么新的版本,这一点我在《考察北京未庄LAMP服务器》里探讨了)

服务器运行速度方面:运行50万次整数运算耗时60ms,50万次浮点运算耗时53ms,如此的性能属于比较前沿的水平了。

而在网速方面,在教育网内用教育网直通车后,ping为475ms,然而用一些测速网页来看,其速度还是大概可以的。可以满足一般的个人网站的需求。况且作为国外的网站,在国内的各个网络来访问,速度都差不多,不至于有网际鸿沟。

而比较优秀的一点是它可以一键自动安装一些常用的软件,在“Application installer”菜单中,支持的应用程序有:4images、phpBB2、SMF、osCommerce、tikiwiki、cutenews、coppermine、Nucleus、MyBB、Mambo、gallery、bBlog、sBlog、wikiwig、UseBB、wordpress、ZenCart、MyLittleForum、Joomla、Xoops,应当说是十分充足了,只是版本可能稍稍有点低,比如WordPress还是2.0.1版本的,这应当是半年或更早前的吧。

最后说一下它的广告问题,它的主要广告是最上面大概有10px高的横栏广告,倒不是很碍事。其次就是它会对其中一些词语,比如php、wordpress这些自动加上广告,当鼠标接触到这些词语的时候,就出来一个悬浮的广告框。

总体来说这个空间还是不错的,如果放到国内来卖的话,我觉得怎么也得一年1000RMB以上,而FreeHoxt给了我们免费的空间!手头钱不多,又对速度要求不高,对广告不太烦的朋友可以尝试一下。

2007年12月16日10:38:34

用图片动画实现的提示页面载入中

网页加载过程中提示“载入中…”,特别是使用动画效果,可以一个“等待”的温馨提示,用户体验(UE)很不错,之前我用了javascript代码来实现类似WindowsXP的滑动快载入效果(《提示页面载入中的JS代码》),现在用gif动画来更简单地实现,同时也能避免一些由于javascript处理和浏览器兼容而产生的问题。

我从higod.cn借用来图片(虽然它也是借用ourhtml.com),这个图片做得很棒,大小也不过是1.89 KB:
载入中

以下是我基于我网站本身使用的代码,其中主要几点是:1.在firefox里,相对于浏览器位置固定(fixed),也就是不随滑动条滑动而移动。2.设置为透明,透明度为85%。3.位置提高,设置为离最上方为70px。4.宽度在#loader的width里设置,我设置为200px。5.我将载入时整个页面的背景设置为深蓝色,而载入提示框设置为极浅蓝色。6.我调用的图片位置在于http://heymu.com/images/loading.gif,请下载到自己的网站上,修改代码来调用,如果想调用我的图片嘛……有点不厚道。以上这些是个人选择,可以根据自己的需要来修改。

以下是代码,这次我仍是使用浅蓝色色系的颜色,请把它加入到<head></head>部分尽量靠前的部分。

继续阅读《用图片动画实现的提示页面载入中》

2007年12月12日19:49:35

Wordpress搜索引擎优化(SEO)初学者指南——中国大陆版本

Wordpress搜索引擎优化初学者指南

《Wordpress搜索引擎优化(SEO)初学者指南》
中国大陆版本

一份Wordpress搜索引擎优化(SEO)指南

Jai Nischal Verma编写,Myheimu翻译增添修改)

据最新统计,Wordpress帐号占了全网络的0.8%,这使得wordpress成为任何博客爱好者的最佳选择。(虽然译者没有看到相关的数据,但是wordpress博客用户在中国所占的份额要远远少于全世界的份额,这一点和wordpress.com被屏蔽、国内Linux服务器的份额较少、WP运用起来技术稍显复杂都有关) 每天会诞生成千上万使用wordpress作为内容管理系统(CMS)的博客,但它们未必都能优化得到良好的搜索引擎排名。在本指南中,我将指导你如何迅速建立一个拥有最好的搜索引擎优化(SEO)结果的Wordpress博客,使您的网站更加对搜索引擎友好。您可能已经知道其中的一些技术,但下列步骤将展示一个技术列表给您。Myheimu对此作了一些增添,使文章更适合中国大陆的网络状况。如有批露,也请海涵。

请仔细地按照下面的步骤进行,不要漏掉一个,那样您将得不到最好的优化结果。

第一步:博客标题和标语

这里假设你知道如何安装wordpress,如果你暂时并不清楚,请参阅http://codex.wordpress.org /installing_wordpress。安装完成后,进入wp-admin,在Options(选项)-> General tab(一般标签)中填写你的博客标题和标语。请确保你的博客名称是有意义的,并且你的标语是对搜索引擎友好的——它要能够基本上概括你对您的博客的看法,并明确你的目标和你网站的正确关键词。

在中国,这一点常常被忽略,尤其是一些“情感性”的博客,动不动就是 “八卦夜”“地狱里的麦芽糖”,要不就是从QQ昵称遗传过来的“彭亚ぬそ”“地狱第⒆层→嗳丄悪魔”之类的名称,然而也有另一个极端,就是统统都是“×××的博客”“×××的BLOG”(这一点在sina博客里似乎是默认如此)。博客名称的选择,个人认为最好要避免偏僻字(尤其是繁体字)、怪异字符和标点等。

填写其余的信息,我们就完成了这一步。

继续阅读《Wordpress搜索引擎优化(SEO)初学者指南——中国大陆版本》

2007年12月10日22:00:52

QQ/MSN/Gtalk/ICQ/Skype等在线状态查询与临时对话代码

大家都还记得早期QQ的在线状态代码吧?当时满网络的个人网站和论坛上都是跳动的QQ图标。而几年之后的IM市场上,各路豪杰争相登台,虽然现在QQ仍以其好玩的功能、有趣可爱的UI吸引着许多小孩子和年轻人们,但是MSN在工作领域(所谓的白领之类)的广泛使用、Gtalk在工作技术领域的不断推广都给IM带来更多的活力。还有今年中期依靠短信功能推广开的中国移动飞信业务,乃至最近中国电信在广东试点的“宽乐通信”业务,都会将今后的IM界变得丰富多彩。

有个人网页或者博客之后,也就又想起当初的QQ在线状态图标来,那么能不能做出MSN、Gtalk、POPO之类的图标呢?就目前的情况来看,很多功能是可以的,不过还不够令人满意。下面就介绍一下到目前为止(2007年底)的各方面提供代码的情况。

QQ:腾讯依旧提供着QQ的在线状态兼聊天代码,在腾讯互动状态代码生成页http://is.qq.com/webpresence/code.shtml上可以直接通过选择和填空来生成适合个人网页上使用的HTML代码和适合大部分论坛使用的UBB代码。QQ一共有13种可爱的图标选择,如下:

继续阅读《QQ/MSN/Gtalk/ICQ/Skype等在线状态查询与临时对话代码》

2007年12月08日05:22:48

盘古支持的WordPress专业合租主机开招!

盘古链接提供机器和线路服务,WP中文团队提供WP指导服务的合租服务器开始招集合租用户了!今天在盘古网络合租服务器页面上多了这样一句:

特别推荐:盘古网络联合专注于WordPress的中文本地化工程的WordPress中文团队,共同推出专业博客(WordPress为主)主机,更多特色服务,详情请前往WordPress中文团队网站。如果您购买空间主要用于博客,也许专业博客主机更适合您。

这似乎是一个类似当初CPH合租服务器的一个构想计划。先看看它的说明(2007年12月2日发布)中提到了如下的一些优势:

  • 服务双重保障
    1. 由 WordPress 中文团队提供 WordPress 方面的专业技术支持。多位专家通过 QQ 群,论坛解答 Blogger 的问题。
    2. 由盘古网络提供专业的7×24小时全天候不间断售后服务。
  • 服务器、网络质量
    1. 盘古网络全新高配置服务器:Xeon3210(四核处理器),Intel 3000AH 主板,金士顿4G DDR2 ECC 内存,希捷 SATA 160G硬盘x2,重庆网通机房100M共享带宽,面向全国网通、电信网络,包括硬件防火墙,抵御攻击。2块硬盘同步镜像,保证数据安全。机房网站演示:http://www.qqtag.com/
    2. CentOS4(相当于 Linux AS4)操作系统,搭配 Apache+PHP+MySQL,最稳定的服务搭配,支持 Mod_Rewrite,支持 .htaccess,并使用世界上最强大的空间控制面板cPanel。
  • 用户
    1. 每个用户的空间大小为1G流量限制为70G/月,价格为 200RMB,每个用户可以在自己空间内最多架设3个博客
    2. 每个用户MySQL数据库3个,还可以绑定子目录2个,FTP帐号1个,cPanel帐号1个
    3. 服务器最多100位用户
  • 要求与服务
    1. 服务器上只允许纯博客站点,不允许其他类型站点。
    2. 由 WordPress 中文团队建立专用论坛,用于用户相互交流,答疑。
    3. 用户建立博客站点必须在专用论坛提交记录在案。由 WordPress 中文团队和盘古网络专人对博客站点内容进行定期审查,保证内容的合法性和用户站点的纯博客性质,从而确保所有用户的利益。
    4. 用户也可以通过专用论坛举报服务器上非法内容,以及非博客站点。
    5. 定期开展各类和博客, WordPress 有关的活动,比赛,加强交流。

继续阅读《盘古支持的WordPress专业合租主机开招!》

2007年12月08日03:42:46

考察北京未庄LAMP服务器

最近徐恒好友的空间和域名都有个着落,找到了一个据说很好的空间。据说是北京息壤传媒文化有限公司的一个租用服务器的服务项目,我问他要来帐号登录上去考察了一下:

这台服务器:(可以通过徐恒的新域名来访问:http://gtdfans.cn

硬件方面:4CPU(Intel(R) Xeon(TM) CPU 2.80GHz 缓存2MB),物理内存2G,SWAP区6G。分配200M空间,流量5G。

软件方面:Linux(2.6.9-34.ELsmp),Apache/2.0.52, PHP4.4.4/CGI,1 MySQL 4.1.12

网络方面:IP 210.51.1.227 北京市通泰大厦网通IDC机房(据说对教育网有优化,对电信也有优化),我从清华校内教育网333ms,清华校内+教育网直通车235ms。徐恒自己从江苏测的时候:在电信网吧40ms,教育网30ms 。这个结果有点让我奇怪,哈哈,居然北京的机房从江苏访问会那么快!而从北京的网吧里,ping出的结果是31ms(相比下,从这里ping我的网站是1ms)。

然后偶要对比一下自己现在用的CPH服务器,关键是软件部分:Linux,Apache 2.2.6,PHP 5.2.3,50个MySQL 5.0.41。

所以我觉得徐恒租用的服务器在网络度方面还是不错的(就如今的中国网络状况),硬件也不错,但是软件的支持有点弱……(国内服务器的软件保证都这样?)

更新的软件支持能直接解决许多过去的软件支持问题,而且也展现了一个技术团队的技术实力(能成功应用最新的软件技术)。

这引起了我对国内外服务器软件的兴趣,所以做了一下调查,盘古链接在国内算作比较有名的LAMP服务器提供商了,它自己提供的php探针(或许是对于他提供的一般服务器空间),显示的是Linux/2.4.21-37.ELsmp,Apache/1.3.33,PHP/4.3.11,MySQL/3.23.49。而它提供的合租服务器中的“顶级配置电信线路”才能达到Apache 2.2.X,PHP 5.2.X,MySQL 5.0.X(这才是最新配置嘛)。

而像DreamHost链接啦,Hostmonster链接啦,这些国际一流的服务器提供商,提供的都是最新的配置。而且软件的支持还不只停留在LAMP这四样软件中,用最常见的iProber PHP探针的“PHP组件支持”里绿色YES的稀疏能够分辨出一个服务器软件支持的优劣来。像GD Library、IMAP、压缩文件支持(Zlib)这些组件对网站优化和今后对技术的研究都有直接的影响。

2007年12月04日10:55:57

换用Google Analytics来做网站统计

我终于受够了各类统计,准备开始用Google Analytics做站点统计的工具。

之前我在从此进入教育网……一文中说到,由于51.la链接在教育网内速度过慢,所以换用武林榜链接的统计。

而过了一段时间之后却发现武林榜的速度也降低许多(教育网内ping其统计服务器new.50bang.com已经达到了349ms,而它的首页速度简直不堪忍受了!),甚至用起来还不如51.la的统计呢。所以就又换回了51.la的统计。

之前用起来或许只有自己觉得常常页面被51.la的统计拖了后腿,最近恢复了一个“载入中”的载入效果,很多时候居然会被统计拖上数分钟才能正常显示(这还是在用了教育网直通车条件下,如果下了车,就更惨~~)。

最近听说百度链接也推出了一个百度统计,我主要是看中了它服务器所具备的高响应速度,但是目前还只是“内测版”,仅为联盟会员提供服务。况且我具有天生对百度的抗拒(做网站的人都明白),所以还是不用罢了。

想起google也有自己的统计:Google Analytics 不过之前用过的时候确实有点迟钝,现在就顺畅多了(教育网内ping为79ms,上直通车后为220ms(也有很多时候是80ms),有些奇怪啊,明明是google的美国ip地址,在教育网内居然也能快速访问)。不过也有人说它被封了,我在使用的时候也会偶尔出现被封的迹象(15分钟内上不了google)~~是不是baidu搞鬼我不敢说。我这里发现其LOGO给的地址http://www.google.com/analytics/zh-CN/访问的时候会被封,而使用“我的帐号”里给的https://www.google.com/analytics/home/?hl=zh-CN就没问题,或许是由于使用了SSL吧。而如果把前者改为https反而会返回google的首页,真是奇妙~~

51.la统计 2006-6-1~2007-12-4 13:00:00 总量: 59365 IP 93719 PV。期间,武林榜从2007-09-15 17:46:55 开始的几周内统计了 3033IP 4494PV。

OK,现在开始用Google Analytics

网站上要求在前加入如下代码:

  1. <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
  2. </script>
  3. <script type="text/javascript">
  4. _uacct = "UA-2100862-1";//提示,这里是个人的ID。每个人都不同
  5. urchinTracker();
  6. </script>

继续阅读《换用Google Analytics来做网站统计》

2007年11月22日15:30:08

用js实现智能半固定不随滑动条移动的网页层

对于此技术,又做了新的大幅改进,并对不同浏览器(特别是最新的FireFox3链接)效果进行了分析,参见文章智能不随滑动条移动的网页层的改进与FireFox3

用过WordPress链接K2模板链接最近版本的人应当都对它那“高级导航条”记忆犹新,除却一些Ajax的高级导航功能外,这导航栏可以固定在屏幕最上方而不随滑动条移动,但是不会超过content而覆盖header。

在一个韩国网站http://www.ggw.or.kr/yskin链接查到它是韩国某个地方的妇女交流组织~~),除了主页外的大多数页面的右边都有一个可以浮动的“工具条”,它的特点也是可以固定在页面旁边而不随滑动条移动,同时如果浏览最上面的时候也不会超出范围。

似乎国内也有人用了相应的技术,但是主要还是只实现固定在页面一个位置(多数的用途是显示广告~),这一点本来可以通过对div对象的position定义为fixed来轻松实现,但是遗憾的是IE6对此不支持(K2模板的高级导航栏的滑动功能也会在IE6里失效)。

查询了一下,这种效果在韩国的网站中很常见,也大多是一种模式来实现(代码其实都差不多)。但是在国内似乎还没有相应的介绍。

hyeonseok.com的SmoothMovingLayer里给了相应的代码。不过还需要做一些修改才能让它运行起来更适合作为侧边工具栏。首先我把它一些并不是很需要的设置去掉,然后简化为只对上距离Top进行处理(如果需要,可以同理添加判断左距离Left的处理)。此外,根据实际使用时可能一次性拖动较长距离的情况,这里又加入了一个自动判断的跨越式跳转,具体内容见后文说明。

其javascript部分如下:

继续阅读《用js实现智能半固定不随滑动条移动的网页层》

2007年9月15日18:11:46

从此进入教育网……

在来清华之前有一件很重要的“技术性问题”,那就是在大学使用教育网(中国教育和科研计算机网,CERNET)后与公网的连接问题。本来还对清华抱着很大希望,觉得这个教育网的最中心院校应当可以以极快的速度访问全国、全球的网站。

但是来了之后就傻了,辅导员和我们很平静地说了教育网的问题,我却听得伤心……在清华,使用教育网当然速度极快(据说可以是硬盘读写速度),但是如果要访问公网就速度很慢了。我在软院机房尝试了一下,速度总体确实很慢,QQ尚且可以挂,但是QQ Music就要听断断续续的歌了。(当然,有代理服务器、教育网直通车等方法加快速度)

不过多亏我有先见之明,在之前选择合租服务器的时候就选择了CPH的服务器,它的一个特点就是能够在电信、网通、教育网内都速度很快。ping了一下,到www.tsinghua.edu.cn是<1ms,到清华info站是8ms,而到CPH合租服务器居然可以达到6ms!与此相对应的是,google.com是262ms,google.cn是202ms,baidu.com是1036ms。

不过我感觉自己的博客还是很慢,似乎是有别的原因。首先是feeds.feedburner.com的订阅信息,因为在清华上国内公网基本上是免费的,而上国外网是很贵的,所以大多数一般都只开通国内连通,所以对于这个外国网站就会访问超时。所以我只能先去掉。

另外一个问题就是51.la的统计信息,51.la本来在电信访问是很快的,但是在教育网里常常是超时(主页速度还可以,但是统计服务器的速度极慢),所以再找找看,找到了武林榜,它的主页www.50bang.com虽然ping有484秒,但是它的统计服务器new.50bang.com却可以在我这里达到4ms,简直太棒了。想来它的统计服务器在公网也应该速度很快,所以在今天我开始换用武林榜的统计功能。

截至2007年9月15日下午6时5分,站点使用51.la统计,从2006-6-1 13:00:00开始,已统计:471.22 天,总量:56584 IP,88592 PV。

然后,整个站点的速度快了很多,这时主要的限制因素就是调用google.com的信息,但是我暂时还是不希望删除这一部分。

之后发现武林榜在教育网内变得十分缓慢,并没有恢复的迹象,所以又进行了更换,请参见《换用Google Analytics来做网站统计》