备份文件有很多中方法，传统的备份方式是将文件拷贝到非本机的其它储存介质上（如，移动硬盘、光盘等等）。但是，这种备份方法有两种缺点，1、文件的时效性。通过此种方式备份的文件，大都是定期备份。一旦原文件损坏，只能恢复到上一次备份时的文件，也许你最近几天甚至几周的修改都将不复存在；2、存储介质的不稳定性。正如之前所诉，任何一种存储介质都不能完全信赖。

随着互联网的普及，一种替代传统的备份方式应运而生。文件通过网络与服务器实时同步备份。其克服了传统文件备份方式的缺点，突出了“实时性”和“稳定性”（大多正规的文件同步提供商都对其服务器上的文件进行备份，若其中的某些服务器故障，数据大多不会丢失，为数据的安全提供了一定的保证）。如今提供此项服务的供应商有很多，无论是国内还是国外都有不少。但鉴于我国的特殊情况，我宁愿相信外国人提供的同步服务。下面将对比介绍3个比较有代表性的同步工具。

1、Dropbox

Dropbox很早就开始提供文件同步服务，而且也是诸多同步工具中的佼佼者，同时它也是我至今最喜欢的一个。其提供了2G初始的免费空间（免费空间最大可以扩充至10G），自用应该是足够了。除了服务稳定、同步速度快、支持多种系统这些优点外，还可以直接提供同步文件的外链，便于分享。以上特性自然是其成功的关键，不过让其成为佼佼者的关键是它的”差分编码“技术（当用户Dropbox文件夹中的文件发生变化后，Dropbox只上传改变的编码部分，并实施同步，大大缩短了同步的时间）。这对于同步一些经常需要修改的文件十分有用，比如对OneNote的同步。

不过，如今Dropbox光荣地被墙。不过这也从侧面证明了Dropbox的卓越不凡。不过依然可以通过修改hosts文件来使用。

2、Syncplicity

我一直将Syncplicity与Dropbox配合使用。与Dropbox相比有2个优点，一个是可以指定同步的文件夹（Dropbox只能同步指定文件夹”My Dropbox”下的内容）。另一个不算优点的优点就是它没有被墙。

不过在使用的过程中，除了没有像dropbox一样的差分编码技术，还发现了一些比较严重的缺陷：

①每次启动时，为了修改图标右下方的同步指示，需要注入系统进程“explorer”。由于需要修改文件图标，使得系统要卡顿一段时间。

解决方法：只在程序设置中修改是没有用的（如下图），还需要通过像Comodo之类的HIPS工具，阻止其“进程间内存访问”（也可只阻止其对C:\Windows\explorer.exe的内存访问）。

②即便阻止Syncplicity文件修改图标，有时图标依然会显示Syncplicity的小标志。虽不是很影响使用，但是看着挺烦。

③启动比较慢，若将其设置为开机启动项，对开机速度的影响比较大。

鉴于以上缺点，我并没有选择其来作为实时同步，而是定期开启对一些文件夹进行备份，来作为对Dropbox的一个补充。

与之类似的还有SugarSync。

3、新版windows live Sync

此同步工具包含在新版的Windows Live Essentials Wave 4中，暂时还处于公测阶段。live sync其实很早就存在了，不过功能是在两台同步的电脑间通过p2p的方式同步文件，文件并不存储在服务器中。而在新版的live sync中，加入了与skydrive网络同步功能。不过并不能使用到skydrive25G的空间。与skydrive的对比见下表。

经过测试，Sync也没有使用Dropbox的“差分编码”技术，在文件同步功能方面与Syncplicity大致相同。除了微软的稳定性不容置疑外。还鉴于微软的公关相当的到位，与其他同步工具相比，被墙的可能性相对而言要小很多。另外，在live sync同步中还加入了IE设置与Office设置同步的功能。

三者不完全对比

同步速度是在我的电脑上测试得到的，而且有时会有一些较大的波动，所以只能作为参考。

以上只是我对几个自己使用的同步工具作的一个简单对比，可以看到由于Dropbox具有差分编码技术，在实时同步上有着巨大优势，而其它的同步软件功能大都相近。我还是推荐通过修改hosts的方式来继续使用Dropbox。

相关文章:

1. 快来同步OneNote吧
2. 又遇Windows Live Essentials Wave 4安装出错，错误代码“0×80070643”
3. 谷歌浏览器（chrome）更新人性功能——同步备份书签
4. 强大的免费网络硬盘——skydrive
5. 去除点击迅雷任务时发出的”叮叮”声

最初怀疑是php文件编码的问题，以前也遇到过。可是将插件目录下php文件全不转换为UTF-8格式后问题并没有改变。看来问题在于插件程序本身的问题，而最有可能出问题的是获取文章标题的代码。找到2.1.3版中获取文章标题的代码：
// get post title
/* qTranslate integration check */
($this->qTrans) ? $tit = qtrans_useCurrentLanguageIfNotFoundUseDefaultLanguage($wppost->post_title) : $tit = $wppost->post_title;
$tit = stripslashes($tit);
$title_attr = htmlentities($tit, ENT_QUOTES);
if ( $instance['shorten_title']['active'] && (strlen($tit) > $instance['shorten_title']['length'])) {
$tit = mb_substr($tit, 0, $instance['shorten_title']['length'], 'UTF-8') . "...";
}
$tit = htmlentities($tit, ENT_QUOTES);

与之前的代码稍作对比发现问题出在了htmlentities()这个函数上，以前用的是htmlspecialchars()。这个两个函数的作用都是将字符转换为 HTML 实体。不过二者还是有一些差别:

htmlspecialchars() 函数把一些预定义的字符转换为 HTML 实体。

预定义的字符是：

• & （和号） 成为 &
• ” （双引号） 成为 "
• ‘ （单引号） 成为 '
• < （小于） 成为 &lt;
• > （大于） 成为 &gt;

htmlentities() 函数把字符转换为 HTML 实体。

这两个函数在处理英文字符时可能区别不大，不过在处理中文字符是就有天壤之别了。htmlentities() 会连同中文字符一块转换成HTML 实体，结果就是在浏览器中看到的一堆乱码。

既然找到了问题，解决方法就很简单了。找到相应代码，将htmlentities替换为htmlspecialchars即可。

对比了一下2.1.x之前的版本发现作者对这个部分做了较大的修改。作者肯定是忽略了这个问题，或许是由于作者平时很少接触中文的缘故吧。希望作者能尽快收到反馈，在此之前就通过此法改改先用吧。

相关文章:

1. 十步学会用css建站——第二步：创建html模板及文件目录等；
2. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
3. 重新制作404页面
4. .htaccess指南
5. .htaccess中常用的正则表达式

旧的插件也都更新到了最新的版本，不过我觉得大都没有什么重要功能方面的更新，更新只是为了方便下载。另外这些插件都是我自己使用的，有很重的个人色彩，不能保证同大家的胃口相符，大家择优录取吧。当然如果你有什么好的Chrome扩展也可以推荐给我。

下面来推荐一些我觉得好的插件，并作了简单的分类:

1、提醒类;

2、Google服务增强（有更新）;

3、chrome功能完善（有更新）;

1、提醒类

①Google Calendar Checker (by Google) - 版本：1.1.4

功能:可以准确地提示下一个任务的时间（最多可以精确到分钟）。

网址链接：Google Calendar Checker (by Google)

本地下载：Google Calendar for Today (126)

②Google Mail Checker Plus – 版本：1.1.7

功能：在地址栏右边出现一个小图标，可以自动检查此时gmal中是否有未读的邮件。而且有一些个性化选项，如可以选择是否监视垃圾邮箱、是否显示未读邮件摘要等等。在新的版本中无需再进入gmail邮箱中即可阅读摘要，并对邮件执行已读、删除等操作。

网站链接：Gmail Checker

本地下载：Google Mail Checker Plus (420)

③Google Reader Checker – 版本：1.0

功能：实时显示Google Reader中未读订阅的数量，点击后直接跳转到Google Reader中。用了不少GR的插件，还是觉得这款最简单的适合我。

网址链接：Google Reader Checker

本地下载：Google Reader Checker (282)

④Google Tasks – 版本：1.5.4

功能：可以方便的使用Google Tasks的服务。

网址链接：Google Tasks

本地下载：Unofficial Google Tasks (138)

⑤Chrowety – 版本：1.8.196

功能：个人觉得最好用的twitter插件，不但可以即时显示新推及提示，无论是Rt还是回复都可轻松通过其完成，于此同时还提供多种短链服务。（不过用此插件需要配合ssh或vpn）。

网址链接：Chrowety

本地下载：Chrowety (148)

2、Google服务增强

①Yet Another Google Bookmarks Extension- 版本： 1.1.1（新增）

功能：强大的Google Bookmarks（谷哥书签）插件，这个插件要感谢@heifenbrug的推荐。其实开始我并不理解这个服务的用途，我觉得这个和能同步Chrome收藏夹的功能有些重复。不过用了一些时间后发现还是有些差别的，我主要是用来存放一些具体网页而不是网站，可以方便的整理归类。

网址链接：Yet Another Google Bookmarks Extension

本地下载：Yet Another Google Bookmarks Extension (179)

②Reader Plus – 版本：3.1.5

更新说明：修正了一些小bug，美化了插件的设置界面。

功能：可以定制Google Reader的界面，多种模板可供选择。还有多种Google reader增强功能可供选择。如果你经常使用GR的话，一定要试试这款插件。

网址链接：Google Reader Plus

本地下载：Reader Plus (263)

③Symtica – 版本： 1

功能：可以方便选择多种Google服务，适合同时使用多种Google服务的gfans。个人认为是此类软件中的比较好用的。

网址链接：Symtica

本地下载：Symtica (205)

④goo.gl url shortener – 版本：0.3.4

功能：不用装Google工具栏也可以在chrome使用goo.gl短链接服务。

网址链接:goo.gl shortener

本地下载：goo.gl shortener (152)

⑤Google Quick Scroll – 版本：1.3

功能：能在通过用Google搜索到的网页中，迅速地跳转到你所搜索的内容。

网址链接：Google Quick Scroll

本地下载：Google Quick Scroll (200)

3、chrome功能完善

①Readability Redux – 版本： 1.2（新增）

功能：是否觉得一些网站的页面混乱、字体太小、广告太多，十分影响阅读。在safari5中有一个备受好评的功能——阅读器，它的功能就是将网页内容重新排版，方便阅读。不必羡慕safari5的这个功能，其实通过这个扩展你也可以拥有这个功能。强烈推荐！！

网址链接：Readability Redux

本地下载：Readability Redux (378)

②Smooth Gestures – 版本： 0.13.3（新增）

功能：鼠标手势，没什么好说的，试下就知道了。在新版本中可以备份设置。

网址链接：Smooth Gestures

本地下载：Smooth Gestures (252)

③ChromeAccess – 版本： 1.4（新增）

功能：在Chrome中有很多浏览器信息可以通过特定的地址查看。这个插件就是让你快速进入这些特殊的浏

览器信息页面。

网址链接：ChromeAccess

本地下载：ChromeAccess (78)

④AutoPager Chrome – 版本：0.6.1.18

功能：一个非常非常好用的插件，可以自动翻页并将每一页的内容接在现有内容的末尾，无论你是去找谷哥，还去逛论坛，它都能派上大用场。实在让我有总相见恨晚的感觉，个人强烈推荐。

网址链接：AutoPager Chrome

本地下载：AutoPager Chrome (686)

⑤Proxy Switchy! – 版本：1.6.3

功能：前几天还和朋友头疼于如何让chrome使用sock5的代理。虽然最后也找到了解决的方法，不过此插件竟然使chrome直接支持sock5，使chrome的代理设置摆脱ie。此插件除了支持sock5，还可以自己添加代理规则，可以按规则自动选择多种代理方式，从此可以开着ssh无忧无虑的上网老。

网址链接：Proxy Switchy

本地下载：Proxy Switchy! (352)

⑥SmoothScroll – 版本：0.6.1

功能：可以使网页平滑的滚动，效果还是相当的明显。个人十分喜欢，不用不知道，其实用chrome浏览网页也可如此惬意。

网址链接：SmoothScroll

本地下载：SmoothScroll (787)

⑦IE Tab Classic – 版本： 0.9.5

更新说明：替换了原来的那个IE Tab，觉得这个功能更多且更美观些。

功能：不少网站对Chrome的支持并不是很好，或者有些链接只能在IE中使用。这时你也许希望能在Chrome和IE间快速切换，这款插件就能实现你的这个愿望。我

网址链接：IE Tab

本地下载：IE_Tab_Classic (701)

⑧AdThwart – 版本： 0.9.19

功能：强大的去广告工具，关键不在于有多种的去广告关键词列表，更重要的是可以通过css选择的方式自定义去除各种的广告框，比如之前所说的Gmail的广告。

具体方法可参见此文《为Chrome反广告插件添加过滤器》

网址链接：AdThwart

本地下载：AdThwart (787)

⑨Google Dictionary (by Google) – 版本： 0.9.1

功能：Google出品的好用词典插件，可以选择划词搜索的方式，还可选择不同的词典语言。

网址链接：Google Dictionary

本地下载：Google Dictionary (290)

相关文章:

1. 为chrome添加扩展程序(Extensions)（12月17日更新”goo.gl shortener”）
2. 解决“谷歌浏览器未正确关闭”的bug
3. 谷歌浏览器（chrome）更新人性功能——同步备份书签
4. 解决一例windows live组件无法安装
5. 为Chrome反广告插件添加过滤器

基本功能：

1. 本插件集“最新文章”、“热门文章”、“文章索引”、“最近评论”四功能于一身，可以通过鼠标选择，具体效果见本博边栏;
2. 一键安装，并提供一些基本的功能设置，例如你可以设置具体使用以上哪几个功能（详见截图）；
3. 提供一个基本的css（自用的），样子我觉得还过得去，如果不满意可以直接在插件文件下中的css文件里直接修改；

安装方法

下载附件（All-In-One-Widget (107)），解压，将文件夹”All-In-One-Widget”上传到目录”wp-content/plugins”下。

(要启用热门文章最好事先安装”Wordpress Popular Posts”,否则可能会出现一些问题，因为这一部分是直接调用Wordpress Popular Posts的)

特别说明

由于我还在自学php及javascript的阶段，而且又是第一次做wordpress的插件，属于边学边做，所以其中有一些部分是参考学习其它插件、模板的，其中参考最多的是Mystique这个模板。至于在插件中使用的javascript脚本是完全由我个人完成。如果你还有任何问题或建议都可以留言告诉我。

下载

相关文章:

1. 添加管理widget
2. WordPress Popular Posts插件2.1.3版乱码问题
3. .htaccess指南
4. .htaccess中常用的正则表达式
5. 又搬家老

与powweb形成强烈对比的似乎我注册的000webhost（现在国内注册有些恼火），这个号称最好的免费虚拟主机确实不错，速度比powweb来得快，通过php探针发现主机的性能相当的强悍，只是限制比较多。在交接之际跑去上面中转了一天，经过对服务器和小小的调整（主要是文件权限和一些php的小修改），运行起wordpress还是绰绰有余的。

最终和朋友决定转战bluehost，可是开局不利，分配的share ip直接被墙。经过小小纠结之后，还是决定买一个独立ip。经过接近一天的验明正身，终于将独立ip搞定，顺带的是可爱的ssh。

如今，小博已经完全恢复老。个人感觉速度是要比powweb快不少，无论是上行还是下行速度都很凶悍。已经运行了半天多没发现什么问题，希望能这么一直的保持下去，不要再看见那个万恶的数据库错误了。

想来这已是第3次更换blog空间了，其中不乏无奈。不由想起了自己的成长经历，恐怕最特别也就是搬家了。从小到大已记不清搬了多少次搬家了，其中同样不乏无奈，但是生活环境也在这一次次的折腾中不知不觉变得越来越好。心中也从最初的百般不情愿到现在的些许期待。亲人曾问说为啥不到新浪这种blog平台去呢，尚不说国内的blog平台河蟹太多、炒作成分太重、娱乐味太浓，最无法忍受的就是DIY成分太少，这点除了独立blog外要数blogger最好了，可惜惨遭封杀多时了。想来如果没有最初那次颇显无奈搬家，恐怕现在一家人还住在老家的哪栋不知名的房子里。每一次折腾都在学习都在进步。如今又在期待的下一次的搬家了。或许正印证了那句话：生命不息，折腾不止。

相关文章:

1. 都是折腾惹得祸
2. .htaccess指南
3. .htaccess中常用的正则表达式
4. 第一款自制wordpress插件——多功能边栏小工具All In One Widget
5. WordPress Popular Posts插件2.1.3版乱码问题

文本

. —— 任意一个单字符
[chars] —— 字符类: “chars”中的任意一个字符【也可用[0-5]表示0到5中的任意数】

[^chars] —— 字符类: 不在”chars”中的字符

text1|text2 —— 选择: text1 或 text2

量词

?  —— 前面的字符出现 0 或 1 次 【不出现或只出现一次】

* —— 前面的字符出现 0 或 N 次(N > 0) 【出现或不出现】

+ —— 前面的字符出现 1 或 N 次(N > 1) 【必须出现至少一次】

{n} —— 前面的字符重复n次

{n,} —— 前面的字符重复n次或更多

{a,b} —— 前面的字符重复a至b次

例子：

1、.* —— 任何长度的字符

2、<a[^>]+> —— 匹配用尖括号括起来的以a开头的字符串。

分组

(text) —— text 组

(常用于设置一个选择的边界，或用于生成后引用：

在RewriteRule中可以用 $N 引用第N个分组)

小测试：能看懂下面一长串的含义吗?

((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)

锚

^ —— 匹配字符串的开始

$ —— 匹配字符串的结束

【^$锚可以用于确定字符串，既可以用于确定起点或终点】

例子：^$ —— 空字符串

转义

\c —— 对给定的字符c进行转义【比如对”.[]()”进行转义，既排除他们本身的定义，最常用的是/.】

说明：如果你想输入的是元字符本身的话，比如你想输入.,或者*,就出现了问题：你没办法指定它们，因为它们会被解释成别的意思。这时你就得使用\来取消这些字符的特殊意义。因此，你应该使用\.和\*。当然，要查找\本身，你也得用\\.

相关文章:

1. 都是折腾惹得祸
2. .htaccess指南
3. 又搬家老
4. 第一款自制wordpress插件——多功能边栏小工具All In One Widget
5. WordPress Popular Posts插件2.1.3版乱码问题

最近想学习一下.htaccess的配置方法，看了一些网上的材料，大都是相同的，找了这份觉得还是不错。于是做了一些整理和修改。但是由于实在搞不清谁原文的作者，就无法在此提供相应作者的链接了。

学习了这篇指南之后并不能完全掌握.htaccess的用法，其实.htaccess只是Apache HTTP Server中的一个很小的一部分，如果想真正掌握.htaccess，就只有去学习Apache了。如果有兴趣可以看看Apache HTTP Server 的中文文档。

目录

1. .htaccess介绍

1.1 什么是.htaccess文件
1.2 如何创建.httaccess文件

2. .httacces文件的配置

2.1.配置.htaccess 自定义错误页

2.2.配置.htaccess 停示显示目录列表

2.3.配置.htaccess 阻止/允许特定的IP地址

2.4.配置.htaccess替换index文件

2.5.配置.htaccess 重定向页面

3. .httacces实用功能

3.1.密码保护的.htaccess文件

3.2.密码保护的.htpasswd文件

3.3.配置 .htaccess 输入用户名和密码

3.4.配置.htaccess 直接访问加密网站

3.5.利用 .htaccess 防止盗链

3.6.利用 .htaccess进行地址转向

3.7.利用 .htaccess对域名中“www”的控制

4. .htaccess 总结

1.1 什么是.htaccess文件

从本指南中，你将可以学习到有关.htaccess文件及其功能的知识，并用以优化你的网站。尽管.htaccess只是一个文件，但它可以更改服务器的设置，允许你做许多不同的事情，最流行的功能是您可以创建自定义的“404 error”页面。.htaccess 并不难于使用，归根结底，它只是在一个text文档中添加几条简单的指令而已。

首先你要判断主机支持它

这可能很难用简单的答案来回答。许多主机支持.htaccess，但实际上并不会特别声明，许多其他类型的主机有能力但并不允许他们的用户使用. htaccess。一般来说，如果你的主机使用Unix或Linux系统，或任何版本的Apache网络服务器，从理论上都是支持.htaccess的，尽管你的主机服务商可能不允许你使用它。

判断你的主机是否允许.htaccess，一个标志很好的是它是否支持文件夹密码保护。为达到此功能，主机服务商需要使用.htaccess（当然，少数情况下他们虽提供密码保护功能，但却并不允许你使用.htaccess）。如果你不确定自己的主机是否支持.htaccess，最好的办法是上传你自己的.htaccess文件看看是否有用，或者直接发送e-mail向你的主机服务商咨询。

Apache系统中的.htaccess文件(或者”分布式配置文件”提供了针对目录改变配置的方法，即，在一个特定的文档目录中放置一个包含一个或多个指令的文件，以作用于此目录及其所有子目录。作为用户，所能使用的命令受到限制。管理员可以通过Apache的AllowOverride指令来设置。

子目录中的指令会覆盖更高级目录或者主服务器配置文件中的指令。

.htaccess必须以ASCII模式上传，最好将其权限设置为644。

.htaccess可以做大量的事情，包括：文件夹密码保护、用户自动重定向、自定义错误页面、改变你的文件扩展名、封禁特定IP地址的用户、只允许特定IP地址的用户、禁止目录列表，以及使用其他文件作为index文件。

1.2 如何创建.httaccess文件

创建.htaccess文件也许会给你带来一些困难。写文件很容易，你只需要在文字编缉器（例如：写字板）里写下适当的代码。真正困难的可能是文件的保存，因为.htaccess是一个古怪的文件名（它事实上没有文件名，只有一个由8个字母组成的扩展名），而在一些系统（如windows 3.1）中无法接受这样的文件名。在大多数的操作系统中，你需要做的是将文档保存成名为：“.htaccess” （包括引号）。如果这也不行，你需要将其先命名为其它名字（例如htaccess.txt），再将其上传到服务器上，之后直接使用FTP软件来重命名。

警告

在使用.htaccess之前，我必须给你一些警告。虽然在服务器上使用.htaccess绝对不太可能给你带来任何麻烦（如果有些东西错了，它只是没效用罢了），但如果你使用Microsoft FrontPage Extensions，就必须特别小心。因为FrontPage Extensions本身使用了.htaccess，因此你不能编辑它并加入你自己的信息。如果确实有这方面的需要（并不推荐，但是可能），你应该先从服务器上下载.htaccess文档（如果存在），之后在前面加上你的代码。

2.httacces文件的配置

2.1.配置.htaccess 自定义错误页

我要介绍的.htaccess的第一个应用是自定义错误页面，这将使你可以拥有自己的、个性化的错误页面（例如找不到文件时），而不是你的服务商提供的错误页或没有任何页面。这会让你的网站在出错的时候看上去更专业。你还可以利用脚本程序在发生错误的时候通知你（例如我使用Free Webmaster Help的PHP脚本程序，当找不到页面的时候自动e-mail给我）。

你所知道的任何页面错误代码（像404找不到页面），都可以通过在.htaccess文件里加入下面的文字将其变成自定义页面：

ErrorDocument errornumber /file.html

举例来说，如果我的根目录下有一个nofound.html文件，我想使用它作为404 error的页面：

ErrorDocument 404 /notfound.html

如果文件不在网站的根目录下，你只需要把路径设置为：

ErrorDocument 500 /errorpages/500.html

以下是一些最常用的错误：

常用的客户端请求错误返回代码：

400 – Bad request 错误请求

401 Authorization Required 需要验证

403 Forbidden 禁止

404 Not Found 找不到页面

405 Method Not Allowed

408 Request Timed Out

411 Content Length Required

412 Precondition Failed

413 Request Entity Too Long

414 Request URI Too Long

415 Unsupported Media Type

常见的服务器错误返回代码：

500 Internal Server Error 内部服务器错误

接下来，你要做的只是创建一个错误发生时显示的文件，然后把它们和.htaccess一起上传。

用户可以利用.htaccess指定自己事先制作好的错误提醒页面。一般情况下，人们可以专门设立一个目录，例如errors放置这些页面。然后再.htaccess中，加入如下的指令：

ErrorDocument 404 /errors/notfound.html

ErrorDocument 500 /errors/internalerror.html

一条指令一行。上述第一条指令的意思是对于404，也就是没有找到所需要的文档的时候得显示页面为/errors目录下的notfound.html页面。不难看出语法格式为：

ErrorDocument 错误代码 /目录名/文件名.扩展名

如果所需要提示的信息很少的话，不必专门制作页面，直接在指令中使用HTML号了，例如下面这个例子：

ErrorDocument 401 “你没有权限访问该页面，请放弃！”

2.2.配置.htaccess 停示显示目录列表

有些时候，由于某种原因，你的目录里没有index文件，这意味着当有人在浏览器地址栏键入了该目录的路径，该目录下所有的文件都会显示出来，这会给你的网站留下安全隐患。

允许目录列表显示: Options +Indexes

禁止目录列表显示: Options -Indexes

2.3.配置.htaccess 阻止/允许特定的IP地址

某些情况下，你可能只想允许某些特定IP的用户可以访问你的网站（例如：只允许使用特定ISP的用户进入某个目录），或者想封禁某些特定的IP地址（例如：将低级用户隔离于你的信息版面外）。当然，这只在你知道你想拦截的IP地址时才有用，然而现在网上的大多数用户都使用动态IP地址，所以这并不是限制使用的常用方法。

你可以使用以下命令封禁一个IP地址：

deny from 000.000.000.000

这里的000.000.000.000是被封禁的IP地址，如果你只指明了其中的几个，则可以封禁整个网段的地址。如你输入210.10.56.，则将封禁210.10.56.0～210.10.56.255的所有IP地址。

你可以使用以下命令允许一个IP地址访问网站：

allow from 000.000.000.000

被允许的IP地址则为000.000.000.000，你可以象封禁IP地址一样封禁整个网段。

如果你想阻止所有人访问该目录，则可以使用：

deny from all

不过这并不影响脚本程序使用这个目录下的文档。

2.4.配置.htaccess替换index文件

改变缺省的首页文件

一般情况下缺省的首页文件名有default、index等。不过，有些时候目录中没有缺省文件，而是某个特定的文件名，比如在w3sky中是 w3sky.PHP。这种情况下，要用户记住文件名来访问很麻烦。在.htaccess中可以轻易的设置新的缺省文件名：

DirectoryIndex 新的缺省文件名

也可以列出多个，顺序表明它们之间的优先级别，例如：

DirectoryIndex filename.html index.cgi index.pl default.htm

也许你不想一直使用index.htm或index.html作为目录的索引文件。举例来说，如果你的站点使用PHP文件，你可能会想使用 index.PHP来作为该目录的索引文档。当然也不必局限于“index”文档，如果你愿意，使用.htaccess你甚至能够设置 foofoo.balh来作为你的索引文档！

这些互为替换的索引文件可以排成一个列表，服务器会从左至右进行寻找，检查哪个文档在真实的目录中存在。如果一个也找不到，它将会把目录列表显示出来（除非你已经关闭了显示目录文件列表）。

DirectoryIndex index.PHP index.PHP3 messagebrd.pl index.html index.htm

2.5.配置.htaccess 重定向页面

.htaccess最有用的功能之一就是将请求重定向到同站内或站外的不同文档。这在你改变了一个文件名称，但仍然想让用户用旧地址访问到它时，变的极为有用。另一个应用（我发现的很有用的）是重定向到一个长URL，例如在我的时事通讯中，我可以使用一个很简短的URL来指向我的会员链接。以下是一个重定向文件的例子：

Redirect /location/from/root/file.ext

http://www.w3sky.com/new/file/123.html

上述例子中，访问在root目录下的名为oldfile.html可以键入：

/oldfile.html

访问一个旧次级目录中的文件可以键入：

/old/oldfile.html

你也可以使用.htaccess重定向整个网站的目录。假如你的网站上有一个名为olddirectory的目录，并且你已经在一个新网站 http://www.w3sky.com/newdirectory/上建立了与上相同的文档，你可以将旧目录下所有的文件做一次重定向而不必一一声明：

Redirect /olddirectory http://www.w3sky.com/newdirectory

这样，任何指向到站点中/olddirectory目录的请求都将被重新指向新的站点，包括附加的额外URL信息。例如有人键入：

http://www.w3sky.com/olddirecotry/oldfiles/images/image.gif

请求将被重定向到：

http://www.w3sky.com/newdirectory/oldfiles/images/image.gif

如果正确使用，此功能将极其强大。

我们可能对网站进行重新规划，将文档进行了迁移，或者更改了目录。这时候，来自搜索引擎或者其他网站链接过来的访问就可能出错。这种情况下，可以通过如下指令来完成旧的URL自动转向到新的地址：

Redirect /旧目录/旧文档名 新文档的地址

或者整个目录的转向：

Redirect 旧目录 新目录

3.1.密码保护的.htaccess文件

尽管有各种各样的.htaccess用法，但至今最流行的也可能是最有用的做法是将其用于网站目录可靠的密码保护。尽管JavaScrip等也能做到，但只有.htaccess具有完美的安全性（即访问者必须知晓密码才可以访问目录，并且绝无“后门”可走）。

利用.htaccess将一个目录加上密码保护分两个步骤。第一步是在你的.htaccess文档里加上适当的几行代码，再将.htaccess文档放进你要保护的目录下：

AuthName “Section Name”

AuthType Basic

AuthUserFile /full/path/to/.htpasswd

Require valid-user

你可能需要根据你的网站情况修改一下上述内容中的一些部分，如用被保护部分的名字”Members Area”，替换掉“Section Name”。

/full/parth/to/.htpasswd则应该替换为指向.htpasswd文件（后面详述该文档）的完整服务器路径。如果你不知道你网站空间的完整路径，请询问一下你的系统管理员。

3.2.密码保护的.htpasswd文件

目录的密码保护比.htaccess的其他功能要麻烦些，因为你必须同时创建一个包含用户名和密码的文档，用于访问你的网站，相关信息（默认）位于一个名为.htpasswd的文档里。像.htaccess一样，.htpasswd也是一个没有文件名且具有8位扩展名的文档，可以放置在你网站里的任何地方（此时密码应加密），但建议你将其保存在网站Web根目录外，这样通过网络就无法访问到它了。

在使用.htaccess来设置目录的密码保护时，它包含了密码文件的路径。从安全考虑，有必要把.htaccess也保护起来，不让别人看到其中的内容。虽然可以用其他方式做到这点，比如文档的权限。不过，.htaccess本身也能做到，只需加入如下的指令：

order allow,deny

deny from all

3.3.配置 .htaccess 输入用户名和密码

如果图省事此步骤可通过一个网站完成:製作.htaccess

要利用.htaccess对某个目录下的文档设定访问用户和对应的密码，首先要做的是生成一个.htpasswd的文本文档，例如：

forge:y4E7Ec8e7EwV

这里密码经过加密，用户可以自己找些工具将密码加密成.htaccess支持的编码。该文档最好不要放在www目录下，建议放在www根目录文档之外，这样更为安全些。

有了授权用户文档，可以在.htaccess中加入如下指令了：

AuthUserFile .htpasswd的服务器目录

AuthGroupFile /dev/null （需要授权访问的目录）

AuthName EnterPassword

AuthType Basic （授权类型）

require user wsabstract （允许访问的用户，如果希望表中所有用户都允许，可以使用 require valid-user）

注：括号部分为学习时候自己添加的注释

拒绝来自某个IP的访问

如果我不想某个政府部门访问到我的站点的内容，那可以通过.htaccess中加入该部门的IP而将它们拒绝在外。

例如：

order allow,deny

deny from 210.10.56.32

deny from 219.5.45.

allow from all

第二行拒绝某个IP，第三行拒绝某个IP段，也就是219.5.45.0~219.2.45.255

想要拒绝所有人？用deny from all好了。不止用IP，也可以用域名来设定。

创建好.htpasswd文档后（可以通过文字编辑器创建），下一步是输入用于访问网站的用户名和密码，应为：

username:password

“password”的位置应该是加密过的密码。你可以通过几种方法来得到加密过的密码：1、使用一个网上提供的permade脚本或自己写一个；2、很不错的username/password加密服务是通过KxS网站，这里允许你输入用户名及密码，然后生成正确格式的密码。

对于多用户，你只需要在.htpasswd文档中新增同样格式的一行即可。另外还有一些免费的脚本程序可以方便地管理.htpasswd文档，可以自动新增/移除用户等。

3.4.配置.htaccess 直接访问加密网站

当你试图访问被.htaccess密码保护的目录时，你的浏览器会弹出标准的username/password对话窗口。如果你不喜欢这种方式，有些脚本程序可以允许你在页面内嵌入username/password输入框来进行认证，你也可以在浏览器的URL框内以以下方式输入用户名和密码（未加密的）：

http://username:password@www.w3sky.com/directory/

3.5.利用 .htaccess 防止盗链

如果不喜欢别人在他们的网页上连接自己的图片、文档的话，也可以通过htaccess的指令来做到。

所需要的指令如下：

RewriteEngine on

RewriteCond %{ HTTP_REFERER } !^$

RewriteCond %{ HTTP_REFERER } !^http://(www.)?w3sky.com/.*$ [NC]

RewriteRule .(gif &line;jpg)$ – [F]

如果觉得让别人的页面开个天窗不好看，那可以用一张图片来代替：

RewriteEngine on

RewriteCond %{ HTTP_REFERER } !^$

RewriteCond %{ HTTP_REFERER } !^http://(www.)?w3sky.com/.*$ [NC]

RewriteRule .(gif &line;jpg)$ http://www.w3sky.com/替代图片文件名 [R,L]

3.6.利用 .htaccess进行地址转向

这种方法，就是把yourdomain.com的流量全部301转向到www.yourdomain.com(或者反过来)。其实对于这种方法，国外有人认为对PageRank没有帮助。我觉得是因为他们看到Google管理员工具中有一个首选域工具，可以指定Google的爬虫把 www.yourdomain.com或者yourdomain.com作为抓取和排名的首选域，转向似乎就没有必要了。但确实又有不少人证实这是有效的，反正目前还没有人说这种方法会对SEO或者pagerank有什么损害。

在.htaccess中写入:

Options +FollowSymlinks All -Indexes

rewriteEngine on

rewriteBase /

RewriteCond %{HTTP_HOST} ^domain.com$

RewriteRule ^(.*)$ http://www.domain.com/$1 [R=301,L]

3.7.利用 .htaccess对域名中“www”的控制

强制去除3w

下面以 WordPress 为例，其它的情况，可以自己参照解决。在你的 WordPress 目录下通常会有一个 .htaccess 文件，如果没有，那就手动建立一个。如果你设定了 permalink 的话，.htaccess 里面的内容会有如下一坨：

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteBase /

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /index.php [L]

</IfModule>

具体是啥意思咱就甭管它了，只管在 RewriteBase / 这行下面加上：

RewriteCond %{HTTP_HOST} ^www.yourdomain.tld$ [NC]

RewriteRule ^(.*)$ http://yourdomain.tld/$1 [R=301,L]

这样就大功告成了。当然要把 yourdomain.tld 换成你自己的域名。上面两行的意思是把www.yourdomain.tld 这种形式改写成 yourdomain.tld, 并把访问前者的所有链接永久转向到后者。

域名前强制加上www

如果你实在是坚持要把 www 加在前面，我上面的算是白写了，表示遗憾。但，你可以。只需把上面添加的两行代码改成这样：

RewriteCond %{HTTP_HOST} ^yourdomain.tld$ [NC]

RewriteRule ^(.*)$ http://www.yourdomain.tld/$1 [R=301,L]

4. .htaccess 总结

.htaccess是一个站点管理员可以应用的强大工具，有更多的变化以适应不同的用途，可以节约时间及提高网站的安全性

.htaccess 的特别说明

• 启用.htaccess，需要修改httpd.conf，启用AllowOverride，并可以用AllowOverride限制特定命令的使用
• 如果需要使用.htaccess以外的其他文件名，可以用AccessFileName指令来改变。例如，需要使用.config ，则可以在服务器配置文件中按以下方法配置：

AccessFileName .config

• 一般情况下，不应该使用. htaccess文件，除非你对主配置文件没有访问权限。有一种很常见的误解，认为用户认证只能通过.htaccess文件实现，其实并不是这样，把用户认证写在主配置文件中是完全可行的，而且是一种很好的方法。.htaccess文件应该被用在内容提供者需要针对特定目录改变服务器的配置而又没有 root权限的情况下。如果服务器管理员不愿意频繁修改配置，则可以允许用户通过.htaccess文件自己修改配置，尤其是ISP在同一个机器上运行了多个用户站点，而又希望用户可以自己改变配置的情况下。虽然如此，一般都应该尽可能地避免使用.htaccess文件。任何希望放在.htaccess文件中的配置，都可以放在主配置文件的<Directory>段中，而且更高效。避免使用.htaccess文件有两个主要原因，即性能和安全。

相关文章:

1. 重新制作404页面
2. .htaccess中常用的正则表达式
3. WordPress Popular Posts插件2.1.3版乱码问题
4. 新笔记本蓝屏问题
5. 都是折腾惹得祸

关注本文请移步：《chrome扩展程序(Extensions)推荐》

在这个星期，Google的官方扩展程序库终于正式上线了，提供了相当丰富的插件可供选择。而且尝试的过程也十分得简单，一装一删也用不了多久。可惜由于种种原因（估计是撞墙了）在国内登陆得靠些rp，使得许多朋友可能还没有机会去挑挑自己喜欢的插件（不过可以通过修改host绕过，在这不说）。不过基本我喜欢的插件在这个chromeextensions非官方的网站（似乎也有撞墙的时候）上也都是同步更新的。而且自从官方的扩展程序库上线后，似乎很多提交的插件就能够通过浏览器的更新程序自动更新，这点非常的方便。

为此，此次更新除了增加了几个我喜欢的插件，还同时提供插件的本地下载，不过本地下载的更新可不会像官方的那样及时噢。

1、Gmail Checker（更新到v1.1.3/很奇怪之前都到2.0了，为啥又倒退了？）

功能：在地址栏右边出现一个小图标，可以自动检查此时gmal中是否有未读的邮件。而且有一些个性化选项，如可以选择是否监视垃圾邮箱、是否显示未读邮件摘要等等。

网站链接：Gmail Checker

本地下载：Google Mail Checker Plus (420)

2、Google Reader Checker（更新到v1.3）

功能：与第一个插件功能大致相同，只是监视的Google Reader中的内容。

网址链接：Google Reader Checker

本地下载：Google Reader Checker (282)

3、SmoothScroll（更新到v0.6.1）

功能：可以使网页平滑的滚动，效果还是相当的明显。个人十分的喜欢，不用不知道，其实用chrome浏览网页也可如此惬意。

网址链接：SmoothScroll

本地下载：SmoothScroll (787)

4、Kuber PageRank Checker（更新到v0.9.4）

功能：查询pagerank。在chrome提供extensions之初，就有提供pagerank查询的插件了，不过与开始的插件一样都是在浏览器的底部多出一个边栏作为显示之用。我觉得这样的设计多多少少影响了网页的正常浏览。所以一直没有使用。今天发现了这个插件，与之前的相比功能都是显示所在网页的pagerank值。不同的是它只在浏览器的工具栏上占了一个图标的位置，不影响对网页的正常浏览。有需要的朋友可以去下载试试看。

更新内容：增加了对Alexa Rank 和WHOIS的支持

网址链接：Kuber PageRank Checker

本地下载：Kuber_PageRank_Checker (117)

5、Switch HTTP Proxy（更新到v1.3）

功能：一键开关代理。其实寻找这样的插件已经很久了，在墙内生活免不了要翻墙。过去用过一段vpn，如今真正意义上免费的vpn已经找不到了，又不喜欢那些需要安装客户端的vpn（速度慢，还有广告）。于是又用起了代理。现在用的是自己在GAE上搭建的代理，但是这个代理还有些问题，比如对https的支持不好、不支持cookies等等。所以常要在开关之间切换，这是一个十分麻烦的事情。现在有了这个插件之后就可以实现一键开关了，原来翻墙如此轻松。

关注这个插件已经有一段时间了，不过我这始终用不上，询问了插件作者之后，一起寻找了一阵原因，最后发现是64位的系统惹得祸。大前天作者又更新了，现在终于可以使用了。

网址链接：Switch HTTP Proxy

本地下载：Switch HTTP Proxy (265)

6、IE Tab（更新到v1.0.11208.1）

功能：我觉得这个最大的用处在于，不用复制网址到ie中了，只需点一下就可以下载电驴、bt的资源了。

网址链接：IE Tab

本地下载：IE_Tab_Classic (701)

7、Google Calendar Checker (by Google)（更新到v1.0.3）

功能：可以准确地提示下一个任务的时间（最多可以精确到分钟噢）。

网址链接：Google Calendar Checker (by Google)

本地下载：Google Calendar Checker (by Google) (184)

8、goo.gl shortener（更新到v0.2）

功能：不用装Google工具栏也可以在chrome使用goo.gl短链接服务，相当的方便.

网址链接:goo.gl shortener

本地下载：goo.gl shortener (152)

相关文章:

1. Chrome扩展程序(Extensions)推荐（6月23号更新）
2. 为Chrome反广告插件添加过滤器
3. 解决“谷歌浏览器未正确关闭”的bug
4. 解决一例windows live组件无法安装
5. 好处多多，快更换DNS服务器吧

路由重启之后，问题出现。首先，发现迅雷的用户登录不了，永远是“网络错误，请稍候再试！”。最初认为是迅雷网络的问题，可是用相同路由的同学顺利的登陆了，遂排除了迅雷网络和路由的问题，正是这一排除害我绕了一大圈。后来又发现很多问题，其中最无法忍受的是wordpress的后台始终进不去，始终在登陆界面循环。这个把我吓了一跳，不是wp或是服务器出了什么问题吧。把想到的方法都试了遍，依然是那个登陆界面，接近崩溃。

最后，把路由当作交换机，直接拨号上网。神奇一切正常了，迅雷也正常了。瞬间矛头又都指向了路由。后来证实用同一路由的同学之所以能登陆，与迅雷的版本有关，什么神奇的事情都凑到一块了！！

总结一下自己遇到的问题：

1. 迅雷登陆不了（与版本有关，出现问题的是5.9.12）；
2. wordpress在登陆界面无限循环；
3. 在网上需要输入验证码的地方基本都不行，提示什么验证码长度不对；

既然似乎路由的问题，那就那路由开刀，本想说通过设置路由搞定，不过似乎不太靠谱。最后只有将固件降级了。

我用的是TP-LINK的，TP-LINK的升级规则是在大版本之内是可以互刷的。例如，上图中都属v5是可以互刷，但是要从v5刷到v3是不行的。选择版本是重要的，根据我后来向官方询问的答复是“升级到特制版本了，导致某些应用不正常”，所以如果能用标准版的就不要下载特制版了。所谓的特制版是针对一些地区电信对路由进行封锁而产生的，说到底都怪电信赚钱赚疯了。

折腾来折腾去又回到了最初，不过生命不息，折腾不止嘛。

最后，痛斥一下电信的无耻行径。如今在各大大学内，上网业务几乎被电信独占，我们这的算法是50元1M带宽包月，30元5G流量月底清零（以前是不清零的），而且还进行了无聊的加密，一定要有特定的流氓软件拨号（不过此地电信连赚钱都懒了，所以拨号软件一直没有升级，所以还可以简单操作后用路由拨号共享上网。）。而学校外面同是电信10M带宽大约是一个月70元（我曾自己用过一个月）。当然老师们用的与我们不同，不但可以多人共用而且我初测大概是5M的带宽，而且相当便宜。不想说什么了我，这就是在垄断中的垄断。

相关文章:

1. .htaccess中常用的正则表达式
2. .htaccess指南
3. 又搬家老
4. 3款实时网络同步工具对比
5. 好处多多，快更换DNS服务器吧

一个404页面的用处，不单是为了留住流量，也不单是为了美观，更重要的是使之对搜索引擎友好。在搜索引擎搜索引擎通过HTTP状态码来识别网页的状态。当搜索引擎获得了一个错误链接时，网站应该返回404状态码，告诉搜索引擎放弃对该链接的索引。所以404页面也不能直接跳转至主页，不然主页将被搜索引擎当作404页面来对待，得不偿失。

wordpress的404页面是主题文件夹中，并不是在根目录下，也不需要在在.htaccess 文件中加入代码： ErrorDocument 404 /404.html。那么这么做的404是个摆设还是真的能返回404的HTTP状态码呢？对这件事的验证可以通过"Server header checker"来验证，这个工具可以获得所需页面返回的HTTP状态码。提供这项服务的网站有不少，我使用的是Web Rank Info提供的。以下是我输入小博一个莫须有的地址后获得的信息：

可见返回的HTTP状态码确是404。

既然返回的HTTP状态码没错，那么能做的就是只需修改一下模板中的404.php，做些美化、做些说明，希望能留住一些流量。

以下是本站新的404页面：

最后附上一些常见的HTTP返回码：

• 200 – 服务器成功返回网页
• 302 - 地址临时移动
• 503 – 服务器暂时不可用
• 404 – 请求的网页不存在

具体参见google网站管理员/站长 帮助。

相关文章:

1. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
2. 十步学会用css建站——第七步：网站头部图标与logo部分的设计；
3. 十步学会用css建站——第九步：导航条的制作(较难)：
4. 十步学会用css建站——第一步：规划网站，本教程将以图示为例构建网站；
5. blogger导航栏的制作

可是好不容易把blogger搞熟，如今要换成wordpress。心中难免不舍，考虑再三还是决定无奈的挪窝。在现实中，从小到大搬了十来次家，发现blog挪窝与现实中的搬家十分的相近，都是要从熟悉之地搬到生疏之处，与原来的朋友分离，在新鲜中体味着孤独。

经过近一星期的努力，基本完成了wordpress的安装、修改和数据迁移。经过一星期的接触发现wordpress在一些地方确实要优于blogger。首先，个人感觉最明显的就是在wp的主题，wp的主题不但多，而且规范。相比之下，blogger的主题就像是山寨货，参差不齐、不成规模。其次，是在自由度方面，由于是独立blog在自由度方面也大大优于blogger，更易于管理。

考虑再三后决定把”chiidea.com“的域名指向新的blog，而原来在blogger上的blog为了防止因重复文章被搜索引擎降级，将其设置为不被搜索引擎收入。原来的feedburned地址也改为指向新的部落格。自此，小博搬迁工作基本完成但是由于主机在国外，所以国内对新博的访问有时会出现问题。这个本人实在是无力解决了。

其实，只想是想找个地方随便写些，分享些东西没想到竟然如此困难。中国对网络的限制越来越多、越来越严，政府借口将其归结为扫除不良信息。何谓不良信息，就因google的搜索联想有些色彩，然后请了一些小朋友高喊“很黄，很暴力”，就将其纳入不良网站，那将充满想象力的百度置于何处。在这短短半年，无数爆料，网络新词层出不穷，网络发挥了它舆论监督的重要作用，或许这正是一些人不愿意看到的。前几日，又见新词“被强奸”，这个“被”强奸杀人者，最终被判无罪。评判是否公正我没有发言权。不少人认为其身为公务员因为人民服务，应有舍己为人的高尚品质，我觉得这种批评不够恰当。因为，如今在公务员乃至党员的选拔中，根本没有什么是对选拔者的为人品质进行实质要求，考核的更多是成绩和关系。如此选拔凭什么要求这些人为人民服务，更不要说是舍己为人了。

相关文章:

1. 写给自己和翻墙而来的朋友
2. 使用blogger的beta版
3. 关于近期blog的变动及说明
4. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
5. Google四年了啥也没变？

来此的朋友可能已经发现blog的域名改为了’chiidea.com’。原本就有买个域名的想法，只是先前觉得善后之事颇有些繁琐，故一直没有付诸于行动。借此事之力终于决心买下了这个域名，并通过修改A记录，暂时绕过了大墙，让没有翻墙的朋友也能来到这。但由于’.blogger.com’依然在大墙之外，所以一些功能无法正常的使用。例如：若需要在文章内留言就必须使用代理或者vpn、google friend connect不能正常显示、有时网页载入较慢等等。这些缺陷大都是由于需要再次调用地址含有’.blogspot.com’的墙外资源，所以若需要获得最佳浏览效果依然建议使用代理。

顺便说说这次的河蟹吧。其实本blog一向都很和谐，对我的和谐毫无意义，之所以沾上了光，全因为在一些人看来.blogger.com有些不太和谐。于是最简单的方法便是一刀切。于是不少人也遇到了和我一样很无助地被赶到了墙外。让人费力翻墙来看一个如此和谐的网站不知是否会有一些失落之感。不过，现在通过换域名的方式让blog重见天日，这种方法纵然含有些许迫不得已的意味，但我觉得这也是对这种情况的一种积极的应对方式（至少我觉得如此）。

看了些同样被墙的blog，有些blogger就拒绝以这种改域名方式来复苏blog，觉得这是种铭记的方式，他们选择在大墙之外呐喊。虽然，我敬佩于他们的坚持，敬佩于他们的执着。但是我却不支持他们的做法。看过季羡林老先生写的《隔膜》，其中有两段话：
鲁迅先生曾写过关于“隔膜”的文章，有些人是熟悉的。鲁迅的“隔膜”，同我们平常使用的这个词儿的含义不完全一样。我们平常所谓“隔膜”是指“情意不相通，彼此不了解”。鲁迅的“隔膜”是单方面的以主观愿望或猜度去了解对方，去要求对方。这样做，鲜有不碰钉子者。
什么叫“正义”？韩文公说：“行而宜之之谓义。”可是“宜之”的标准是因个人而异的，因民族而异的，因国家而异的，因立场不同而异的。不懂这个道理，就是“隔膜”。


纵然，我们是在理的，但是如今的情况，光凭在墙外的呐喊，就是去碰钉子。和谐之事非个人所为，甚至可以认为是一种国家行为，在其看来此法便是“宜之”，因此她无需解释，更不会为此改变什么。

如今，和谐之事大势盛行，懂翻墙术之人在广大网民中占极少数（不然高墙也就没有意义了），而且此况短期之内是不会改变的。显然希望别人翻墙而来，又是一“隔膜”。就算别人翻墙而来，呐喊也失去了其最大的意义。翻墙之人大都已明其中之原由，而墙内人依然一无所知。这不正是一些“人”愿意看到的吗？

所以要做的应该是去墙内呐喊，让你的呼声为大家所知。我觉得这不是逃避，而是一种积极的应对。一方面让更多的人了解现状，更重要的是让大墙知道我们不是那么容易被墙住的。

相关文章:

1. 使用blogger的beta版
2. 添加管理widget
3. 存档/标签页仅显示标题及小改进
4. 写给自己和翻墙而来的朋友
5. 无奈的挪窝

相关文章:

1. 无奈的挪窝
2. 十步学会用css建站——第二步：创建html模板及文件目录等；
3. 十步学会用css建站——第一步：规划网站，本教程将以图示为例构建网站；
4. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
5. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；

我一直觉得picasa是一个十分优秀的网络相册，用过一些其它空间来存储图片，最后依旧钟爱picasa。原因除了有google的信誉保证外，它上传下载速度以及管理方式也都令我十分的满意。我的blog中所有的图象都是存储于这个网络相册的。但是有一唯一不满的就是部提供直接的外链。这使得有时十分不便，只得通过一些间接的方式获得直链。

不过，似乎google是一个十分善于发现确定并积极改进的团队。近日登上picasa惊喜的发现，picasa终于可以提供直链了。使用方法就是将上图中的”image only(no link)”这一选项选上后，”Embed image”中所提供的链接就是图片的直链了。有兴趣的朋友赶快去试试这项新功能吧。不过在google提供的各种服务中，似乎中文界面的功能永远都要慢于英文界面。所以，要用此功能要先将语言设置为英文，在中文界面下暂时还无法使用此功能。

相关文章:

1. 让picasa乖乖地提供直接外链
2. 为chrome添加扩展程序(Extensions)（12月17日更新”goo.gl shortener”）
3. 解决使用无线网络时总是掉线的问题
4. 新笔记本蓝屏问题
5. 十步学会用css建站——第八步：页脚信息(版权等)的表现设置:

相关文章:

1. 使用blogger的beta版
2. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
3. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；
4. 十步学会用css建站——第九步：导航条的制作(较难)：
5. 存档/标签页仅显示标题及小改进

如果只是要做成文字链接形式的十分容易，只要在页面元素中添加一个链接列表。将想要设的快捷键的名字作为标题，如：控制台、新建帖子等。网址就用相应的链接。以下是几组常用的“快捷键”及其相应链接：

其中#####代表blogger的id，进入后台后就可以在地址栏中看到。
当然你要是觉得文本链接不够美观，也可用图标来代替文字，就像我的一样。
基本的代码如下:

相关文章:

1. 存档/标签页仅显示标题及小改进
2. 使用blogger的beta版
3. 关于近期blog的变动及说明
4. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
5. blogger导航栏的制作

相关文章:

1. 添加管理widget
2. 存档/标签页仅显示标题及小改进
3. blogger导航栏的制作
4. 十步学会用css建站
5. 使用blogger的beta版

相关文章:

1. blogger导航栏的制作
2. 十步学会用css建站——第八步：页脚信息(版权等)的表现设置:
3. f8驱动更新——synaptics定点装置
4. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
5. 使用blogger的beta版

相关文章:

1. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
2. 十步学会用css建站——第二步：创建html模板及文件目录等；
3. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；
4. 十步学会用css建站——第九步：导航条的制作(较难)：
5. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：

相关文章:

1. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
2. 十步学会用css建站——第九步：导航条的制作(较难)：
3. 十步学会用css建站——第八步：页脚信息(版权等)的表现设置:
4. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
5. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；

接下来进入css代码部分，先往css文件中写入：
/* Main Navigation */
#main-nav { height: 50px; }
#main-nav ul { list-style:none; margin: 0; padding: 0; } 注意：/* Main Navigation */为增加css文件可读性的说明，不会影响表现。
#main-nav的height属性定义了main-nav层的高度；”#main-nav ul” 则定义main-nav层中列表的属性，在这里先定义其margin和padding为0。
根据先前的设计，导航条应该和左边有一定的距离，这就需要设置main-nav层的左边距(padding-left)为11px,但由于IE5和Mac浏览器的BUG，需要加入以下代码：
/* IE5 Mac Hack \*/
#main-nav { padding-left: 11px; }
/*/
#main-nav { padding-left: 11px; overflow: hidden; }
/* End Hack */ 现在你可以看到导航列表距左边有11px的距离，但是列表项目是竖排的，将<li>，即列表项目向左对齐就能使其从左到右横向排列：
#main-nav li { float: left; }为了使列表项目的尺寸和容纳它的层保持一致，并利用浮动属性使列表项目的文本隐藏，写入：
#main-nav li a {
display: block;
height: 0px !important;
height /**/:50px; /* IE 5/Win hack */
padding: 50px 0 0 0;
overflow: hidden;
background-repeat: no-repeat;
}接着，要实现当光标悬停于列表项目上时，显示背景图片的中部，因此需要将背景图片向上移动50px，写入：
#main-nav li a:hover {
background-position: 0 -50px;
}给各个列表项目设置宽度和背景图片的路径：
#main-nav li#about,
#main-nav li#about a { width: 71px; background-image: url(../images/nav/about.gif); }
#main-nav li#services,
#main-nav li#services a { width: 84px; background-image: url(../images/nav/services.gif); }
#main-nav li#portfolio,
#main-nav li#portfolio a { width: 95px; background-image: url(../images/nav/portfolio.gif); }
#main-nav li#contact,
#main-nav li#contact a { width: 106px; background-image: url(../images/nav/contact.gif); }最后我们要做的就是，当列表项目被选时，显示背景图片的下部。为此我们需要增加一些css代码对原有的css表现作一些修改：
body.about li#about,
body.about li#about a,
body.services li#services,
body.services li#services a,
body.portfolio li#portfolio,
body.portfolio li#portfolio a,
body.contact li#contact,
body.contact li#contact a {
background-position: 0 -100px;
}以上看似庞大的css选择器可以识别body标签的类(class)，如html中为：
以上css选择器就让li#about,li#about a,的背景向上移动100px，使其显示背景图片的下部。
如果我们希望网站头部背景图片也根据body标签的类进行变换，就需修改css的#header为：
body.about #header {
height: 150px;
background: #db6d16
url(../images/headers/about.jpg); }至此就完成了”About”网页的制作,依此类推，修改html中body的类为services/portfolio/contact制作相应html文件并分别保存。
在css文件中添加各个网页相应的头部背景图片路径(如services网页的头部背景图片为services.jpg,在css中添加如下代码)：
body.services #header {
height: 150px;
background: #db6d16
url(../images/headers/services.jpg); }然后用超级链接将这些网页连接起来，就组成了一个小网站了。

相关文章:

1. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：
2. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
3. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；
4. 十步学会用css建站——第七步：网站头部图标与logo部分的设计；
5. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;

接着我们需要设置存在链接的文本的显示，在这我们没有改变文本的颜色(仍然为#c9c9c9)，而只是让下划线消失：

但是我们想让那些存在链接的文本，在鼠标悬停在其上方时变色为#db6d16：
然后我们想给页脚加上灰色的上边框，在footer层的四周设置一些间隙，并加大文本的行距：

最后我们需要做的就是让副导航层(#altnav)向右浮动，需要指出的是，浮动层是必须设置宽度(width)才能正常浮动的，所以我们把#altnav的宽度设置为350px，略宽于文本的长度(为了让副标题的文字显示完全)，然后让文本向右对齐：

如果你按照以上方法，将得到如下图所示的页脚样式(点击看大图)：

相关文章:

1. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
2. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：
3. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
4. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；
5. 十步学会用css建站——第二步：创建html模板及文件目录等；

我们使用的背景属性为一些简写的属性名，用其能规定背景的颜色，图案，图案的位置，是否重复以及如何重复。之所以把背景色设为桔黄色，是因为当用户使浏览器屏蔽图片时，网站的头部不会变的一片空白。应该注意到图片的路径是相对于css的存放位置而言的，而不是html文件，因此有”../”。
接着替换掉<h1></h1>标签里的”Enlighten Designs”:
<div id="header"> <h1><img src="images/general/logo_enlighten.gif" width="236" height="36" alt="Enlighten Designs" border="0" /></h1> </div>
logo_enlighten图片浮在头部的左上方，我们需要设置<h1>的属性值为：
h1 { margin: 0;padding: 0; float: right; margin-top: 57px; padding-right: 31px; }
这样我们使存在于<h1>层的图片向右浮动，并且上边距(margin-top)为57px，右间隙(padding-right)为31px，如下图所示(点击看大图)：

注意：细心的你可能会发现我们使用了padding-right而不是margin-right，这是因为IE的怪毛病不少，它会在不定的地方无法正确显示margin-right/left属性，所以使用了padding(间隙,Dreamweaver中又被称为填充)属性。

相关文章:

1. 十步学会用css建站——第九步：导航条的制作(较难)：
2. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
3. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：
4. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；
5. 十步学会用css建站——第一步：规划网站，本教程将以图示为例构建网站；

你可以看到内容(content)的各块(block)之间的间隙太小了，而基于最初的设计，内容标题(即<h2>)和正文之间的间隙大概是15px，每个段落的间距也大概是15px，所以在css中写入：
#content h2 { margin: 0; padding: 0; padding-bottom: 15px; } #content p { margin: 0; padding: 0; padding-bottom: 15px; }
然后需要让content层的四周都空出25px的间隙，这本来是件很简单的事，理论上我们只需在#content的css文件中加入padding: 25px;就行了，但是IE给我们上了”一课”,它的固有BUG根本不能按我们的想象表现。解决这个问题有两种办法。第一种办法是区别浏览器写入两种代码(HACK IE),但因为间隙(padding,在Dreamweaver中又叫填充)使用很频繁，所以我们用另一种办法。
我们往需要填充的层中加入padding层，它的功能仅限于显示间隙：
<div id="sidebar-a"><div class="padding"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus. Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus. Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio. Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget, purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst. </div> </div>
同样的，再往html文件的content层中加入padding层。
由于padding层的功能仅是制造空隙，所以不要设置它的宽度，只需在css中添加:
#sidebar-a { float: right; width: 280px; } #sidebar-a .padding { padding: 25px; } #content { margin-right: 280px; } #content .padding { padding: 25px; }
就像我们之前用的方法一样，我们只选择了类(class)为padding，且父类(parent)为#content或#sidebar-a的元素(element)。
接下来设置行距，content和sidebar-a的行距需要加宽，但在css中是没有行距(leading)这种属性(attribute)的，但是有行高(line-height)属性，因此往css中写入：
#sidebar-a { float: right; width: 280px; line-height: 18px; } #content { margin-right: 280px; line-height: 18px; }<br />

<h2><img src="images/headings/about.gif" width="54" height="14" alt="About" /></h2> <h2> <img src="images/headings/contact.gif" width="98" height="14" alt="Contact Us" /> </h2>
于是得到下图(点击看大图)：

相关文章:

1. 十步学会用css建站——第四步：网页布局与div浮动等；
2. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；
3. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：
4. 十步学会用css建站——第八步：页脚信息(版权等)的表现设置:
5. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;

第五步主要介绍除网页主要框架之外的附加结构的表现(Layout),包括以下内容:
1.主导航条；
2.标题(heading),包括网站名和内容标题；
3.内容；
4.页脚信息,包括版权,认证,副导航条(可选)。
加入这些结构时，为了不破坏原有框架，我们需要在css文件”body”标签(TAG)后加入:.hidden {display: none;}
“.hidden”即我们加入的类(class),这个类可以使页面上任意属于hidden类的元素(element)不显示。这些会在稍后使用，现在请暂时忘记它。
现在我们加入标题(heading):

先回到HTML的代码，<h1>到<h6>是我们常用的html标题代码。比如我们一般用<h1>网站名</h1>，<h2>网站副标题</h2>,<h3>内容主标题</h3>等。我们往html文件的Header层(Div)加入:
<div id="header"><h1>Enlighten Designs</h1></div>
刷新一下页面，你就可以看到巨大的标题，和标题周围的空白，这是因为<h1>标签的默认大小和边距(margin)造成的，先要消除这些空白,需要加入：
h1 {margin: 0;padding: 0;}
接下来是导航条：
控制导航条表现的css代码相对比较复杂，我们将在第九步或是第十步中详细介绍。现在html文件加入导航代码：
<div id="main-nav"><ul><li id="about"><a href="http://css.jorux.com/wp-admin/post.php#" >About</a></li><li id="services"><a href="http://css.jorux.com/wp-admin/post.php#" >Services</a></li><li id="portfolio"><a href="http://css.jorux.com/wp-admin/post.php#" >Portfolio</a></li><li id="contact"><a href="http://css.jorux.com/wp-admin/post.php#" >Contact Us</a></li></ul></div>
(注：原教程使用了dl和dt，jorux在这使用了更常用的ul和li标签)
目前导航条的表现比较糟糕，但是要在以后的教程中介绍其特殊表现，故需要暂时隐藏导航条,于是加入：
<div id="main-nav"><ul class="hidden"><li id="about"><a href="http://css.jorux.com/wp-admin/post.php#" >About</a></li><li id="services"><a href="http://css.jorux.com/wp-admin/post.php#" >Services</a></li><li id="portfolio"><a href="http://css.jorux.com/wp-admin/post.php#" >Portfolio</a></li><li id="contact"><a href="http://css.jorux.com/wp-admin/post.php#" >Contact Us</a></li></ul></div>
我们跳一步，先到页脚：
页脚包括两部分：左边的版权,认证和右边的副导航条。
我们先要让副导航条向右浮动，就像之前处理Sidebar和Content关系的一样，需要加入一个新的层(div):
<div id="footer"><div id="altnav"><a href="http://css.jorux.com/wp-admin/post.php#" >About</a> - <a href="http://css.jorux.com/wp-admin/post.php#" >Services</a> - <a href="http://css.jorux.com/wp-admin/post.php#" >Portfolio</a> - <a href="http://css.jorux.com/wp-admin/post.php#" >Contact Us</a> -<a href="http://css.jorux.com/wp-admin/post.php#" >Terms of Trade</a></div></div>
理论上，我们可以控制源文件上的任意元素的浮动，但由于IE浏览器的BUG，被浮动层需要首先出现在源文件上，也就是说我们把副标题放在版权和认证的前面：
<div id="footer"><div id="altnav"><a href="http://css.jorux.com/wp-admin/post.php#" >About</a> - <a href="http://css.jorux.com/wp-admin/post.php#" >Services</a> - <a href="http://css.jorux.com/wp-admin/post.php#" >Portfolio</a> - <a href="http://css.jorux.com/wp-admin/post.php#" >Contact Us</a> - <a href="http://css.jorux.com/wp-admin/post.php#" >of Trade</a></div>Copyright © Enlighten DesignsPowered by <a href="http://www.enlightenhosting.com/" >Enlighten Hosting</a> and<a href="http://www.vadmin.co.nz/" >Vadmin 3.0 CMS</a></div>
刷新你的页面，你将看到如下所示(点击看大图)：

最后我们回到内容部分：用<h2<>表现内容标题–”About”,”Contact us”；用<p>表现段落；用</br>断行。
<div id="content"><h2>About</h2><p><strong>Enlighten Designs</strong> is an Internet solutions provider that specialises in front and back end development. To view some of the web sites we have created view our portfolio.</p><p>We are currently undergoing a 'face lift', so if you have any questions or would like more information about the services we provide please feel free to contact us.</p><h2>Contact Us</h2><p>Phone: (07) 853 6060<br />Fax: (07) 853 6060<br />Email: <a href="mailto:info@enlighten.co.nz" >info@enlighten.co.nz</a><br />P.O Box: 14159, Hamilton, New Zealand</p><p><a href="http://css.jorux.com/wp-admin/post.php#" >More contact information…</a></p></div>
刷新页面可以看到在Content层中又出现一些空白，这是由于<h2><p>标签的默认边距(margin)造成的，我们必须消除这些恼人的空白，当又不想把网页中所有的<h2><p>标签地边距都设为0，这就需要使用css的子选择器(“child css selector”),在html的文件结构中，我们想控制的<h2><p>标签(child)是属于#content层(parent)的,因此在css文件中写入： #content h2 {margin: 0;padding: 0;}#content p {margin: 0;padding: 0;}
这样我们就告诉浏览器，仅仅是隶属于content层的<h2><p>标签的margin和padding的值为0！

相关文章:

1. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：
2. 十步学会用css建站——第九步：导航条的制作(较难)：
3. 十步学会用css建站——第七步：网站头部图标与logo部分的设计；
4. 十步学会用css建站
5. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；

但是你可以看到主要内容的盒子占据了整个page-container的宽度，我们需要将#content的右边界设为280px。以使其不和边框发生冲突。
css代码如下：
#content {margin-right: 280px;background: green;}
同时往边框里写入一些文字。在html文件中写入： <div id="sidebar-a">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus. Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus. Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio. Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget, purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.</div>
表现如下：

因此我们往css中写入：

#footer {clear: both;background: orange;height: 66px;}
表现如下：

相关文章:

1. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；
2. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
3. 十步学会用css建站——第二步：创建html模板及文件目录等；
4. 十步学会用css建站——第九步：导航条的制作(较难)：
5. 十步学会用css建站——第七步：网站头部图标与logo部分的设计；

#main-nav {background: red;height: 50px;}#header {background: blue;height: 150px;}#sidebar-a {background: darkgreen;}#content {background: green;}#footer {background: orange;height: 66px;}
表现如下：

相关文章:

1. 十步学会用css建站——第一步：规划网站，本教程将以图示为例构建网站；
2. 十步学会用css建站——第四步：网页布局与div浮动等；
3. 十步学会用css建站——第八步：页脚信息(版权等)的表现设置:
4. 十步学会用css建站——第九步：导航条的制作(较难)：
5. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；

2.创建网站的大框，即建立一个宽760px的盒子，它将包含网站的所有元素。

在html文件的和之间写入

<div id="page-container">Hello world.</div>

创建css文件，命名为master.css,保存在/css/文件夹下。写入：

#page-container {width: 760px;background: red;}

控制html的id为page-container的盒子的宽为760px，背景为红色。表现如下：

现在为了让盒子居中，写入margin: auto;，使css文件为：

#page-container {width: 760px;margin: auto;background: red;}

现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览器的默认的填充和边界造成的。消除这个空隙，就需要在css文件中写入：

html, body {margin: 0;padding: 0;}

相关文章:

1. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：
2. 十步学会用css建站——第一步：规划网站，本教程将以图示为例构建网站；
3. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
4. 十步学会用css建站——第九步：导航条的制作(较难)：
5. 十步学会用css建站——第六步：页面内的基本文本的样式(css)设置；

写在之前：这几天在学习css过程中发现了很多很好的教程类的文章，有一个叫作《十步学会用css建站》。虽然讲的是建站，与修改blogger的修改html略有不同，但是对学习css很有帮助，相信对想修改blogger模板的朋友也能起不少的作用。在jorux.com的网站中还有一些列的css基础教程我觉得也写得很好，有兴趣的朋友可以自己去看。

1.规划网站，本教程将以下图为例构建网站。

点击看大图
其基本布局见下图：

点击看大图
主要由五个部分构成：
1.Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px
2.Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px
3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content
4.Sidebar 边框，一些附加信息。 Width: 280px Height: Changes depending on
5.Footer 网站底栏，包含版权信息等。 Width: 760px Height: 66px

相关文章:

1. 十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;
2. 十步学会用css建站——第九步：导航条的制作(较难)：
3. 十步学会用css建站——第七步：网站头部图标与logo部分的设计；
4. 十步学会用css建站——第八步：页脚信息(版权等)的表现设置:
5. 十步学会用css建站——第五步：网页主要框架之外的附加结构的布局与表现；

相关文章:

1. 添加管理widget
2. 关于近期blog的变动及说明
3. 存档/标签页仅显示标题及小改进
4. 写给自己和翻墙而来的朋友
5. 无奈的挪窝

相关文章:

1. 十步学会用css建站——第九步：导航条的制作(较难)：
2. 十步学会用css建站——第十步：解决IE浏览器的显示BUG：
3. 十步学会用css建站——第八步：页脚信息(版权等)的表现设置:
4. 添加管理widget
5. picasa更新——终于提供直链