上旬

Tags

语录

1、人生，常常你就在自己不察觉之中审判了一个人一件事情，对方，有些时候连解释的机会都没有。在一个不公平的平台，我们总以为我们玩着最公平的游戏。   ------黄牛
2、对路过的银发老太微笑，回吼咆哮的狗，惊走胆怯的喜鹊和松鼠。在有车停下的十字路口对司机羞赧地点点头。   ---dying
3、香港人喝着内地的水吃着内地的菜，却觉着被内地拖了后腿，天天想自主。其实香港人很矛盾，没有人告诉自己，该如何接受这莫名其妙的身份。同样，内地也很矛盾，要力撑着香港的经济繁荣，为了一个成功一国两制范例的面子。   ---fancies
4、孩子们从极小的时候起，就能够凭借本性感知这个社会和世界的种种原则和规律。   ---kevin

中旬

Tags

语录

1、放不下，即非放不下，是名放不下。  ---kevin
2、贪玩究竟是否一项千金不换的好品质？   ---lainlainlain

下旬

Tags

其他

1、5月份最有特色的当属黄牛的游记系列和fancies的“香港生活”系列，黄牛的游记集中在了下旬，fancies的“香港生活”系列记述了香港的水果、赤柱烧烤、美味的饭盒时代（看上去太好吃了……）还有南丫岛（麦兜啊在南丫岛跟师父黎根学抢包山）。

2、5月最佳图片日志我要投给苏同学的《镜花和水月》。

3、kevin推荐了一些东野圭吾的推理小说，再推荐一个豆列东野圭吾作品及影视改编。

退烧小贴士：

1. 如果你和我一样出门在外的话，为自己备一个体温计。
2. 发高烧的时候千万不要大意。不要以为是自己昨天吃得过于丰盛，正在使劲散发热量呢。
3. 如果不想打针或者输液的话，尽早吃退烧药。
4. 吃退热药的同时最好结合物理降温（比如头部冷敷或者捂几床被子出汗）。
5. 清淡饮食，多喝水。

腹泻小贴士：

1. 忌暴饮暴食。
2. 吃药（这个咨询医生或药店大夫吧），有些治腹泻的药有副作用或者伤胃，中西结合比较好，西药尽量不要过量。
3. 不太严重的腹泻可吃大山楂丸，效果不错。同时饮食上小米粥加点盐不错。清淡饮食，忌吃生冷油腻食物。
4. 腹泻不吃不喝是大忌，更需大量补充水分。
5. 腹泻也是体内排除毒素的一种方式，只是痛苦点。
6. 腹泻千万不要喝碳酸饮料（比如可乐），这类饮料会加重腹泻。
7. 注意不要让肚子再着凉。

1、感谢我的父母，我的兄妹，我的女朋友，这一年我虽没有大的跨越，但是我知道我有很大的提升，感谢你们对我的理解和包容。

2、2009年，感谢李哥让我为他的新专辑《草木一生》http://www.douban.com/subject/4209401/做了设计，好的音乐总是能耐得住时间的打磨，当一些民谣开始变成流行音乐的时候，还有一些人还是在很低调地保持着歌者的风格，李建傧就是这样的音乐人。这张专辑已经上市，售价40元，想购买的朋友可以到淘宝购买：http://bewho.taobao.com/，更多的购买方式在http://www.douban.com/artist/lijianbin/discussion/21227087/。

3、2009年是中国互联网腥风血雨的一年，有一些看不见的魔爪在不停地掘自己的坟墓，我也在被逼无奈的情况下把博客搬到了美利坚，在这里要非常感谢sigar兄弟免费提供给我的美国高速VPS主机，非常感谢那些为了自由和共享不断前进的朋友们。

4、感谢斑马森林杂志创刊号收录了我的一篇旧文。斑马森林是一个开放的博客出版，私享定制的服务提供网站，虽然有点小众，但是也衷心希望他们能做得更好，走得更远。

5、感谢Google和互联网，感谢许许多多在网络后面付出的人们。Google在2009年里彻底地颠覆了我以往获取知识的途径和方法，通往知识的路有很多，我获得了一条比较便捷的路。虽然现在Google可能会撤出中国，但是我很高兴，是啊，每个人都是有底线的，不能逼人太狠，爷玩不过你，也就不和你玩了。李大钊说“铁肩担道义，妙手著文章!” Google，好样的，我挺你。

还有很多很多人，我不一一例举了，我很感激你们。

男：”我的袜子好像两周多没洗了吧？！“

女：”………………“

哈哈，最近太忙了啊，天天穿着臭袜子……

祝大家圣诞快乐哟！元旦快乐哟！

心想事成！万事如意！

新华书店前几日推出了一个活动“全场疯狂送！满108送60”，我对比了一下当当和卓越的价格，价格不相上下，于是选购了《web信息架构》和《无懈可击的web设计》2本书，12月3日下的单，12月8日收到的货。收完货打开包裹发现《无懈可击的web设计》书角有折压，但不影响阅读，在收货确认的时候反馈了一下。

我之所以买新华书店网上商城的书是冲着送礼券的活动才去的。

12月8日收到书之后，我登陆新华书店网上商城再次购书，选了一本《网站交互设计模式：第2版》再次下单，支付的时候我使用了一张10元的礼券，确认订单后我发现我选错了支付方式（应该是支付宝支付我选成了银行转账），遂取消了那个订单，当我再次选了《网站交互设计模式：第2版》支付时发现礼券不能使用了，哈哈，郁闷啊。打热线给新华书店，接电话的服务人员很有礼貌，解释说，订单取消之后礼券就不能再使用了，还请我仔细阅读礼券使用说明。哥当场就雷了一下子。

是啊，这个问题出在哪里呢？怪哥没仔细阅读礼券使用规则？

对，怪哥！可是哥很气愤。有了这一次新华书店网上商城糟糕的买书体验之后，哥再不会在新华书店网上商城买东西了。

给新华书店网上商城一些建议：

1. 在我取消订单的时候，没有任何提示说礼券会作废。
2. 哥是去买书的，不要怪哥没看礼券使用说明，哥没看礼券使用说明的习惯。
3. 不要把用户当傻子。依照我的收货速度，60元的礼券我能使用多少？而且礼券必须购物满35元才可以使用。

5key前几天记述的Amazon的服务（http://5key.net/blog/2009/11/29/amazon-service/），他们的服务真是好。国内卓越上面买书配货太慢，当当的服务相对好些。

如果一个购书体验满分5分的话，我给Amazon5分，我只能给新华书店网上商城〇分。

最后，再优化一下：新华书店网上商城糟糕的买书体验。

本文主要讨论中文内容呈现过程中要不要在段首空两格的问题。分3个部分：

• 段首空格的渊源
• 段首空格的作用
• 网络内容要不要段首空格

段首空格的渊源部分较多故纸堆，如果看官不感兴趣，可直接跳到段首空格的作用部分开始阅读。

段首空格的渊源

1、中国

需头

指章奏空出首幅，以供诏旨批答之用。

汉 蔡邕 《独断》卷上：“凡羣臣上书于天子者有四名：一曰章，二曰奏，三曰表，四曰驳议。章者，需头，称稽首上书谢恩陈事诣闕通者也。奏者亦需头……表者，不需头。”

宋 杨万里 《谢何枢使举女婿陈丞改官启》：“幕府之举贤材，首剡需头之奏。”

明 杨慎 《谭苑醍醐·需头》：“ 蔡邕 《独断》载 汉 代章奏之式。所谓需头者，盖空其首一幅，以俟詔旨批答，陈请之奏用之。不需头者，申谢之奏用之。”

分段号

段是一种标点手段，不能仅仅看成行款。

具体地说，段落提行顶格书写还是退进二字书写属于行款，但划分段落则同断句一样属于标点，段落之间的停顿大于句子之间的停顿，需要用不同的方式显示。古人的分段意识很早就产生了。

提行分段的办法较早见于金文。写章表另起行头时，叫“跳出”，今曰“抬头”。

明代徐师曾《文体明辨序说·文章纲领》介绍的《大明唐顺之批点法》以“截”即短横作“分段”号。

古代印刷的书籍一般采用提行顶格书写的分段方式，《古今图书集成》清雍正四年内府铜活字印本就是如此。

1919年胡适与周作人、钱玄同、刘半农、朱希祖、马裕藻等北大教授向教育部提出 《请颁行新式标点符号议案》开始改变传统的分段格式，在《附则》中规定：“每段开端，必须低两格。”显然是参照西文段首缩进的办法作此规定的，目的是为了使分段更明显。

1930年《教育部划一教育机关公文格式办法》进一步规定：“(1)文在十行以上者，应酌量分段，其有意义自成段落者，虽不满十行，亦可分段。(2)首行低二格写，次行以下顶格写(分段者，逐段如此)。”

1933年《国民政府训令第五○○号》所附《标点办法举例及行文款式》还要求在段末加分段号：“每段末句下有空白处，应用‘=’号截之，以防止加添字句”。这个用于段末的符号在文件中称为“截号”，黎锦熙按照它的功能改称为“分段号”。他在《国语运动史纲》一书(商务印书馆1934年版)中写道：“国民政府规定的这个=号，或可用单线，可名为‘分段号’……凡文末分段，或公文分段下有空白，皆可用此截断。”（此段来自《标点符号用法》）

2、西方

英语“分段号”称为mark of paragraphing。Paragraph(段落)一词源自希腊语paragraphos < paragraphein(pata在旁边+ graphein书写)，意为“(为引起对部分文字的注意)在旁边画的线条”。

亚里士多德著作中提到过的唯一标点就是这种分段号，见于公元前4世纪的一些希腊纸草纸文献，在一行开头的几个字的下边加一条横线，表示一个新的话题的开始。

古希腊舞台剧本和柏拉图对话体写在一个新的段落开始处用一条短线(其上通常加一小点)作标志以分隔不同人物的说话。下一步的发展是把新段第一行的头一两个字母稍稍伸入书边空白处，使分段标志更明显。公元前1世纪至公元2世纪初写于纸草纸上的拉丁文献发现有这样的分段法，在中世纪的写本中已较为常见，这是现代“悬挂分段法”的起源。

欧洲中世纪写本最常用的分段法是提行顶格书写，在段落开头以特大的首字母作为分段标志。抄写时在段落开头留有空位置，以便图案花饰绘制员补上这种特大的首字母。有时章节的首字母大于段落的首字母，用以区分章节和段落。

在首行缩进的分段办法推广以前，西方就已经使用（¶）作为段落号（paragraph mark），其构成方法是把字母P[aragraph]翻转过来，在象征眼睛的弯曲部分用墨涂满，所以又称为“盲P号”（blind P sign）。

（¶）用作段落号最初见于1182年左右的一个法国写本，用红色，从13世纪起被推广。英国出版社的《约翰·曼德维尔爵士航海及旅行记》（1499年）、《十诫之精华》（1521年）和《大圣经》（1539年）等书籍，一段开头是顶格排的，特加（¶）作为分段标志。这个段落号西方国家有些书籍至今仍在使用。例如，美国《韦氏新传记词典》把（¶）用于子条目的开头，便于读者在大条目中查找小条目。

后来为便于印刷，这种分段法被简化，空位置仍保留，其后的首字母改用普通的大写铅字排印。这种段落首行缩排法是意大利出版家马努提乌斯从15世纪末16世纪初开始在所出的图书中推广的，从17世纪起成为西文书籍分段的标准形式。

段落首行缩进（paragraph indention/абзацный отступ），苏联学者伊·维·费多罗夫娜称为“分段号”(знак абзацного въ?деления)。她在所箸《俄语标点的历史与原理》一书中指出“许多语法学家认为这是特种标点符号”，并强调“如果认为段落是标点符号，那么这个符号将是‘最有意义’的，然而应当承认它最难用好，因为如何分段并没有任何成规可循”（列宁格勒大学出版社1962年版第15～16页）。

段首空格的作用

段落停顿（to mark a pause）。

段落标识（setting the paragraph apart from what precedes it）。

网络内容要不要段首空格

1. 万维网的默认对齐方式是靠左对齐。
2. 网络内容尤其是博客内容编写时也常用左右对齐。（text-align:justify;text-justify:inter-ideograph;）从而使得页面看起来整齐。
3. 段首缩进在大多数中文排版中被使用。
4. 在新的段落没有明确标题标识的情况下，需要标识出段落来。如果段落有了标题标识（比如粗体标识），段首缩进不是必需的。
5. 基于共同排版风格的考虑，段首是否缩进依据具体情况而定。大多数时候，段首缩进就内容整体而言，看起来更好一些。
6. 汉字的可读性。汉字字形复杂，但这不影响它的可读性，更不存在阅读的压迫感之说。汉字阅读和理解的容易程度难于英文是由汉字本身的语言难度所决定的。影响可读性的因素包括词句的长度，以及非常用词的出现频度。

   汉字的易读性。对易读性的研究在19世纪晚期就已经发布，但普遍的共识是：人的阅读过程惊人的强悍，以至于几乎没什么明显的区别。因此比较研究衬线字体和无衬线字体，或者齐行与不齐行，到底哪个更好，始终无法得出定论。 但是段落的分明可以增强内容的易读性。（此条部分观点来自维基百科“字体排印学”词条http://zh.wikipedia.org/zh-cn/字体排印学 ）

7. 用户需要页面内容具有显而易见的排列方式，希望不同类型的文本有着清晰的起始位置。而段首空两格（缩进）不失为一种很优雅的办法。
8. 右侧留白分割段落显然不如左侧的一致性空格分隔段落好。左侧留空格分隔段落更符合用户的阅读习惯，除了部分语言的阅读习惯，比如阿拉伯文或希伯来文等。世界上大多数的语言还是从左向右阅读的，这也是（¶）用在段落开头而不放在段落结尾的原因吧。
9. 段首不管空两格还是空一格（比如日文有时的首行缩进），只要一致性地呈现出段落类型即可。有些报纸和杂志因为关照到页面内容呈现宽度有限，如果每行段首空两格，内容容易被扯得零碎，对易读性没好处，所以缩进程度的大小只要能区分段落即可。
10. 段首首字放大（initial）不失为段落标识的一种好方法。英文通过首字母大写或者放大来表示段落的开始，对于中文，首字放大（下沉）即可。
11. 段落间增加空行取决于你的内容编写，简单的内容层次增加段落空行有益于阅读。
12. 段落增加空行我认为基本不会给阅读带来信息获取的障碍，而且长段落间短小的段落空行的确可以缓解长时间阅读带来的压迫感。问题在于，段落空行的过多出现会对文章内容中一级标题、二级标题等行间距的易读性产生冲击。所以段落中的空行并不可取。（关于标题易用性设计的更多资料可以阅读《胜于言传：网站内容制胜宝典》中“设计易用的网页”章节）
13. 网络内容的编写需要照顾到以上所说的第12点。编写简短的段落，较多使用短语，将一些信息使用“列表”和“表格”呈现出来可以很好地改善内容的易读性。

最后总结一下，大多数中文网络内容段首空两格（缩进）是很好的分隔段落的方式。

在这个秋天的晚上，我还没离开你，却也再也听不见你的呼唤了，我的村庄。

当我的心还是个孩子的时候，你就悄悄走出了我的视线，悄悄地离开，我也渐渐把你忘记了，也是过了好多年，我又回到童年那个地方的时候，记忆仿佛是你射出的箭，同时深深扎进了我的内心，我听见村庄的麦笛声，那里的土地和爱情，和那一片永远不再回来的宁静和疼痛。

春天和冬天，我早已记不清当时的感受，也记不起所有的声音，我从村庄的一边流浪到村庄的另一边，便已遗忘了许多，成串的声音重复着，我只觉得身不由己。

现在，村庄，或者那个叫做故乡的地方，对于我，那里只留下一首久远的阿妈的童谣的样子，或者能记起的是一些苍老的铃铛声。

然而，我行过的所有地方，只有你保留的最长久，也最深刻。在年月的洗刷里，只有很少的东西留了下来，而你却又都不属于这些东西。我便不能把你铭记——在我行的地方，在我的头脑里。

我总在生活中犯着同样的过错。我知道这种毫无意义的徒劳。我并不自责，也不心安理得。我记得我还是孩子，我就原谅了自己。我须将我的视线转向我自己，就知道，从你离开的那天起，我就一直没长大过。

我没有任何足够的理由去拥有很多，也许我是需要的，但我从很多的徒劳里发现，我不习惯那样的经历，却又无法忘记。我会尝试用平静的心去面对。我这样认为，可能就已经扩大了我生活的意义，

这样的意义是简单的，但它更新、更广大，并在我更自由的意义里得到了更多的印证。

我们常常把自己变得深奥起来，而我又慢慢发现，这些深奥竟似我们的影子一样空虚而易于残缺。只有真实和本质在深奥这种表象的变化里永恒地保留着意义。

我不在乎时光过去了多少，因为它本就无穷无尽，我只是个孩子，昨天和明天都只是现在而已。

这些自足使我在纷繁的世界里，在来去匆匆的人群里欣然而快乐地微笑，我知道我在一条路上走，而我的行走，却总是我的无法离开，我心里知道这就是你，就这是我永远流浪的村庄。

PS:3年前写的文字，恐怕以后再也写不出来了。

用户体验概念比较宽泛，比较主观，比较不确定。早上发了一条推，得到一些回复如下：

我的一些想法：

1、细节决定用户体验。这里的细节不是网站的每个细节，过分注重细节的用户体验也不好，就像玉伯说的“勿以善小而为之”。关键部分操作的用户体验决定了用户对这个产品的评价。

2、用户体验的一致性。用户在使用产品的过程中会产生浏览目的的转移，整个过程中用户体验作为基础服务，关键在于用户体验的一致性。过分突兀，变动过大的用户体验都会毁了一个产品。比如虾米网新改版的个人主页空间，个人认为失败得一塌糊涂。

3、用户体验，用户对产品的核心需求，后台的功夫。三者缺一不可。

4、用户体验要低调一点，再低调一点。好的用户体验你甚至都感觉不到它好在哪里。简单，实用是至上原则。很多产品，能用1说清楚的就不要用1+1-1来说明白（浪费啊）。

呃，观点不当的地方希望大家多多指教。

2、我现在越来越不满足现有的知识体系了，前端、SEO、UCD、电子商务，这些都充满了我的大脑，我要的就是这样的激情，比规规矩矩看书更好的是我每天都阅读Greader里面1500+的源，无时无刻不在考虑不同的SEO方法产生的不同的效果，浏览器的样式差异，内容编写对阅读者心理的影响，商品陈列和商品搜索对转化率的影响。做一个好的专业人员，绝不能满足于专业知识的学习，专业更在于你对技术的一种关于美的看法。你会说这样学习到的知识可能过于零散，我觉得这只是量的积累。我希望我可以成为一个专业人员，而不只是一个会写代码的民工。

3、喜欢Sparklehorse是因为喜欢Mark Linkous的一句话“我想作一匹马,充满永不蔓延的火焰。”全钢印的外壳，全金属的心好了。

4、天越来越冷，冬天越来越冷。我不是变得懒了，懒得不愿更新博客了，而是在这个过程里我发现没必要把一些无关痛痒的知识写出来，你必须提出问题来。未完成，呃，是啊，还未完成。。。。。。

5、冰冰的青梅子酒真好，凉凉地滑进心里……

我在博客的一些关键标记处使用了display的一些属性，3天后我发现博客标题排名较原来靠前了一两位，排在了搜索引擎结果的较前位置，从网上搜索了一些关于display属性的知识，带着一些疑问，记录下来。也许很火星，希望大家能指点一二。

display属性block | inline |inline-block的区别

1、display:block就是将元素显示为块级元素.

block元素的特点是：

总是在新行上开始；前后会带有换行符。

高度，行高以及顶和底边距都可控制；

宽度缺省是它的容器的100%，除非设定一个宽度

<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。

2、display:inline就是将元素显示为行内元素.

inline元素的特点是：

和其他元素都在一行上；

高，行高及顶和底边距不可改变；

宽度就是它的文字或图片的宽度，不可改变。

<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。

inline和block可以控制一个元素的行宽高等特性，需要切换的情况如下：

让一个inline元素从新行开始；

让块元素和其他元素保持在一行上；

控制inline元素的宽度（对导航条特别有用）；

控制inline元素的高度；

无须设定宽度即可为一个块元素设定与文字同宽的背景色。

3、display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。

inline-block的元素特点：

将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性)

关于这个更多请参考淘宝网怿飞的《display:inline-block的深入理解》一文。

display属性block | inline |inline-block元素对SEO的作用

熟悉了上文关于display属性block | inline |inline-block的区别之后，我在网页中做了2处css改动：

a、在博客首页将博客名标记为h1，在单篇文章页将文章标题标记为h1。在css中我添加了h1标记的display属性display:inline。

b、将a:link, a:visited 设置了display属性display:block。

这样，我产生了几个疑问：

1、将h1设为行内元素，搜索引擎在抓取的时候是按照h1标记来做中文分词呢还是按照行内普通文本做中文分词，会不会影响关键字的抓取数量？

2、将a:link, a:visited 设置了display属性display:block，搜索引擎在抓取的时候是不是就不做中文分词了呢，如果不做中文分词，会不会变成rel=nofollow和rel=canonical的集合体了呢？

3、百度好像真的更懂中文啊，可是百度太烂，既想做婊子，又想给自己立牌坊，就让人厌恶了。

update：搜索引擎不解析CSS。所以上面的疑问也就消除了。

2、以用户为中心的平台是互联网企业成功的基础。

3、哺石成珠才是本事。光练嘴皮子可就太山寨了。

4、左右互搏之术太厉害。

5、浏览器也绿坝了？我打开个页面，主动给我过滤了。穿衣服进来，光溜溜出去。

6、公，民。韩寒！

7、我更关注的是WordPress2.9的CMS特性，如果够强大，那做网站是手到擒来的事情了，更多的是用户体验，运营……

8、RT @iamduyu: 如果你本身float了，那么你内部的clear只是clear自己的float，否则会clear一直到body，会影响到sidebar。

9、粗茶淡饭好度日，清心寡欲最养人。

10、人比狗更狗。

11、没有无缘由的因，也没有无缘由的果。

12、学佛之人切记：不可执着于自我的虚妄，更不可执着于佛法。

13、十八而立，二十二不惑。

14、有则改之，无则加勉。这句话的道理很深刻，在国家政治的客观发展中尤为深刻。

15、以点为中心的信息 或许可以归到一个小的聚合里 然后再以聚合的形式辐射。

16、在人类大脑里面，听觉信号处理的更多点还是视觉信号？

17、不洗脸的孩子真不是好孩子。

18、音乐是血脉，而电影是灵魂。

19、在腐败、不作为、铺张浪费 “三面旗帜”下造就了新一轮的社会大跃进运动。

《精通CSS+DIV》学习笔记:http://www.douban.com/subject/2181438/

CSS基础知识篇

第1章、CSS初步体验

1、行内样式表的优先级最高，其次是采用<link>标记的链接式，再次是位于<style></style>之间的内嵌式，最后才是@import的导入式样式表。link和style的优先级是一样的,取决于谁在前谁在后，还要考虑优先级加权的情况。笼统的说link和style的优先级谁高谁低是错误的。

2、滤镜渐变filter只在IE浏览器下有效，并且在IE7中必须将安全级别设置成Medium.

第2章、CSS的基本语法

2、标记选择器、类别选择器、ID选择器。声明包含属性和值两部分。

3、在没有定义选择器的时候，各个HTML标记采用浏览器自身默认的显示方式。

4、类别选择器还有一种更直观的使用方法：直接在标记声明后接类别名称，以此来区别该标记。类别名称中包含标记和选择器。

5、在HTML标记中，还可以同时给一个标记运用多个class类别选择器，从而将两个类别的样式风格同时运用到一个标记中。

6、ID选择器的使用基本和类别选择器相似，不同之处在于ID选择器只能在HTML页面中使用一次，因此针对性更强。一个id最多只能赋予一个HTML标记。

7、集体声明、嵌套声明。类别选择器和ID选择器都可以进行嵌套。还可以多层嵌套。

8、子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上再产生新的样式。

第3章、用CSS设置丰富的文字效果

9、通常文章正文中使用的是易读性较强的serif字体，用户长时间阅读下不容易疲劳。而标题和表格则采用较醒目的sans-serif字体，他们需要显著和醒目，但不必长时间盯着这些文字来阅读。WEB设计及浏览器设置中也是推荐遵循此原则。

10、绝对单位及其含义

11、除了利用物理单位设定文字的绝对大小的方法，css还提供了一些绝对大小的关键字作为font-size的值，总共7个：xx-small,x-small,small,medium,large,x-large,xx-large.绝对大小在不同的显示器中显示效果有差异，因此不推荐使用。

12、px显示大小与显示器的大小及其分辨率有关。采用“%”或者“em”都是相对父标记而言的，如果没有设定父标记的字体大小，则相对于浏览器的默认值。

13、文字效果可以同时赋值，只需用空格隔开即可。

第4章、用CSS设置图片效果

当vertical-align的值为bottom或者sub时，IE与Firefox的显示效果是不一样的，所以建议尽量少使用浏览器显示效果不一样的属性值。

第5章、用CSS设置网页中的背景

竖排版语句“writing-mode:tb-rl”只有IE浏览器才支持，firefox浏览器并不支持该CSS属性。

第6章、用CSS设置表格与表单的样式

1、<table>标记中的summary属性值用于概括整个表格的内容，在用浏览器浏览页面时，它的效果是不可见的，但对搜索引擎等则十分重要。

2、在HTML页面中构建表格框架时应该尽量遵循表格的标准标记，养成良好的编写习惯，并适当的利用tab、空格和空行来提高代码的可读性，从而降低后期的维护成本。

3、通过CSS中定义奇数行和偶数行的样式设置，增加易读性，主要配合服务器的动态生成。

4、各个浏览器的显示差异主要是显示器的默认值不同导致的，通常的解决办法是制定该值。

第7章、用CSS设置页面和浏览器的元素

当前激活状态“a:active”一般显示的情况非常少，因此很少使用。

第8章、用CSS制作实用的菜单

1、IE对list-style-type的很多属性支持不是很理想

2、“display：block”语句可以将超链接设置成块元素。

第9章、CSS滤镜的应用

CSS+DIV美化和布局篇

第10章、理解CSS定位与DIV布局

1、<div>标记在HTML3.0时代就已出现，但并不常用，<span>标记在HTML4.0时才被引进。<div>和<span>的作用都是独立出各个区块。区别在于，<div>是一个块级（block-level）元素，它包围的元素会自动换行。而<span>仅仅是一个行内元素（inline elements），在它的前后不会换行。<span>没有结构上的意义，纯粹是应用样式，当其他行内元素都不合适的时候，就可以使用<span>元素。此外，<span>可以包含在<div>标记中，成为他的子元素，而翻过来则不行。

2、一个盒子模型由content（内容）、border（边框）、padding（间隙）和margin（间隔）4个部分组成。

3、在浏览器中，width和height的值都指的是width+padding或者height+padding的值。

4、Border的groove、insert、outset和ridge这几个值，IE都支持得不够理想。IE不对border的背景上色，而firefox的作用域为content+padding+border。

5、Padding用于控制content与border之间的距离。Margin指的是元素与元素之间的距离、块与块之间的距离。

6、在css中可以用过设置块元素的clear属性清除对float的影响。

第11章、CSS+div布局方法剖析

第12章、CSS+div美化与布局实战

1、文档类型声明用来说明文件使用的xHTML或者HTML是什么版本，分过渡型、严格型、框架型。这句代码能够使得IE浏览器能更加正确地解析CSS语法。

2、　<script language=”javascript”>

var number = new Date().getSeconds() % 3 + 1;   //随机数，从1到3

//随机选择CSS外部文件

document.write(‘<link href=”0′ + number.toString() + ’/0′ + number.toString() + ’.css” rel=”stylesheet” type=”text/css”>’);

</script>

这段代码产生随机数，从而在刷新页面的时候调用不同的外部样式文件。

CSS混合应用技术篇

第13章、CSS与JavaScript的综合应用

第14章、CSS与XML的综合应用

1、XML文件中的</br>标记，在HTML中它表示换行，在XML中仅是一个空标记，没有任何意义。当将它的display属性设置为block块时，则可以起到换行的效果。

2、XML的数据默认都不是块元素，而是行内元素。所以在XML中有时需要将各个行都设置为块，数据排列就会清晰很多。

3、Firefox等一些浏览器并不支持XML文件中行内元素的width属性，也不支持CSS常用的属性覆盖方法，因此显示效果并不是很理想。

第15章、CSS与Ajax的综合应用

ajax不是单一的技术，而是4种技术的集合。Javascript、CSS、DOM、XMLHttpRequest对象。Javascript像胶水一样将各个部分粘合在一起，定义应用的工作流和业务逻辑。

通过使用Javascript操作DOM来改变和刷新用户界面，不断地重绘和重新组织显示给用户的数据，并且处理用户基于鼠标和键盘的交互。

CSS为应用提供了统一的外观，并且为以编程方式操作DOM提供了强大的途径。在Ajax中，CSS仍然是不可缺少的美术大师。

XMLHttpRequest对象则用来与服务器进行异步通信，在用户工作时提交用户的请求并获取最新的数据。

Ajax的核心是Javascript对象XMLHttpRequest。

综合案例篇

第16章、我的博客

第17章、小型工作室网站

第18章、企业网站

第19章、网上购物网站

第20章、旅游网站

1、我们在学习西方人的时尚，学习他们的职业管理，学习他们的社交的时候，我们把自己最好的东西给丢了。那就是国学和自我道德的启蒙。

想起李哥曾经说的“先做人，然后才是音乐”。是的，先做人，后做事，话是这么说的，却又时时忘记。我需要时时提醒自己。

想起小时候看到父亲抄写《三字经》，想起进门不能踩门槛，想起必须后长辈坐下的那些小细节。那些细节不仅是身教，更是华夏文化里的那种大优雅。是我所仰慕的那种美感。

整理了一些蔡礼旭老师《细讲弟子规》的资料，文字资料放在网盘上，下载地址。音视频下载地址：http://www.buddedu.com/zhageng/20050215tainan.htm。在豆瓣的《细讲弟子规》页面也发了一份：http://www.douban.com/subject/2275738/。

《弟子规》只是个启蒙书，只是个戒律。无论学习什么，还是如上篇日志中写到的：感悟才是自己的，道理永远是空白的。很多经验和成长，只有亲身经过了你才会知道。“道可道，非常道”。

2、2009年10月10日是辛亥革命98周年，纪念98年前亚洲的第一个民主共和国。发呆的时候嘴里叨了一句话，顺便记了下来：让我在大陆的秋天沉睡，如同在台湾的酒馆里喝醉酒一般。

附：《弟子规》

　　一、总叙
　　弟子规，圣人训。首孝悌，次谨信。
　　泛爱众，而亲仁。有余力，则学文。
　　二、入则孝
　　父母呼，应勿缓；父母命，行勿懒。
　　父母教，须敬听；父母责，须顺承。
　　冬则温，夏则凊；晨则省，昏则定。
　　出必告，反必面；居有常，业无变。
　　事虽小，勿擅为；苟擅为，子道亏。
　　物虽小，勿私藏；苟私藏，亲心伤。
　　亲所好，力为具；亲所恶，谨为去。
　　身有伤，贻亲忧；德有伤，贻亲羞。
　　亲爱我，孝何难；亲憎我，孝方贤。
　　亲有过，谏使更；怡吾色，柔吾声。
　　谏不入，悦复谏；号泣随，挞无怨。
　　亲有疾，药先尝；昼夜侍，不离床。
　　丧三年，常悲咽；居处变，酒肉绝。
　　丧尽礼，祭尽诚；事死者，如事生。
　　三、出则悌
　　兄道友，弟道恭；兄弟睦，孝在中。
　　财物轻，怨何生；言语忍，忿自泯。
　　或饮食，或坐走；长者先，幼者后。
　　长呼人，即代叫；人不在，己即到。
　　称尊长，勿呼名；对尊长，勿见能。
　　路遇长，疾趋揖；长无言，退恭立。
　　骑下马，乘下车；过犹待，百步余。
　　长者立，幼勿坐；长者坐，命乃坐。
　　尊长前，声要低；低不闻，却非宜。
　　进必趋，退必迟；问起对，视勿移。
　　事诸父，如事父；事诸兄，如事兄。
　　四、谨
　　朝起早，夜眠迟；老易至，惜此时。
　　晨必盥，兼漱口；便溺回，辄净手。
　　冠必正，纽必结；袜与履，俱紧切。
　　置冠服，有定位；勿乱顿，致污秽。
　　衣贵洁，不贵华；上循分，下称家。
　　对饮食，勿拣择；食适可，勿过则。
　　年方少，勿饮酒；饮酒醉，最为丑。
　　步从容，立端正；揖深圆，拜恭敬。
　　勿践阈，勿跛倚；勿箕踞，勿摇髀。
　　缓揭帘，勿有声；宽转弯，勿触棱。
　　执虚器，如执盈；入虚室，如有人。
　　事勿忙，忙多错；勿畏难，勿轻略。
　　斗闹场，绝勿近；邪僻事，绝勿问。
　　将入门，问孰存；将上堂，声必扬。
　　人问谁，对以名；吾与我，不分明。
　　用人物，须明求；倘不问，即为偷。
　　借人物，及时还；后有急，借不难。
　　五、信
　　凡出言，信为先；诈与妄，奚可焉。
　　话说多，不如少；惟其是，勿佞巧。
　　奸巧语，秽污词；市井气，切戒之。
　　见未真，勿轻言；知未的，勿轻传。
　　事非宜，勿轻诺；苟轻诺，进退错。
　　凡道字，重且舒；勿急疾，勿模糊。
　　彼说长，此说短；不关己，莫闲管。
　　见人善，即思齐；纵去远，以渐跻。
　　见人恶，即内省；有则改，无加警。
　　唯德学，唯才艺；不如人，当自砺。
　　若衣服，若饮食；不如人，勿生戚。
　　闻过怒，闻誉乐；损友来，益友却。
　　闻誉恐，闻过欣；直谅士，渐相亲。
　　无心非，名为错；有心非，名为恶。
　　过能改，归于无；倘揜饰，增一辜。
　　六、泛爱众
　　凡是人，皆须爱；天同覆，地同载。
　　行高者，名自高；人所重，非貌高。
　　才大者，望自大；人所服，非言大。
　　己有能，勿自私；人所能，勿轻訾。
　　勿谄富，勿骄贫；勿厌故，勿喜新。
　　人不闲，勿事搅；人不安，勿话扰。
　　人有短，切莫揭；人有私，切莫说。
　　道人善，即是善；人知之，愈思勉。
　　扬人恶，即是恶；疾之甚，祸且作。
　　善相劝，德皆建；过不规，道两亏。
　　凡取与，贵分晓；与宜多，取宜少。
　　将加人，先问己；己不欲，即速已。
　　恩欲报，怨欲忘；报怨短，报恩长。
　　待婢仆，身贵端；虽贵端，慈而宽。
　　势服人，心不然；理服人，方无言。
　　七、亲仁
　　同是人，类不齐；流俗众，仁者希。
　　果仁者，人多畏；言不讳，色不媚。
　　能亲仁，无限好；德日进，过日少。
　　不亲仁，无限害；小人进，百事坏。
　　八、余力学文
　　不力行，但学文；长浮华，成何人。
　　但力行，不学文；任己见，昧理真。
　　读书法，有三到；心眼口，信皆要。
　　方读此，勿慕彼；此未终，彼勿起。
　　宽为限，紧用功；工夫到，滞塞通。
　　心有疑，随札记；就人问，求确义。
　　房室清，墙壁净；几案洁，笔砚正。
　　墨磨偏，心不端；字不敬，心先病。
　　列典籍，有定处；读看毕，还原处。
　　虽有急，卷束齐；有缺坏，就补之。
　　非圣书，屏勿视；蔽聪明，坏心志。
　　勿自暴，勿自弃；圣与贤，可驯致。

1、我和我们是这个国家的走狗。

2、卑民的国庆，悖民的国庆，悲民的国庆。

3、当国庆成为官方活动的时候，我为度过国庆感到耻辱。今天在公交车上看到一个乞食的老人时，我很难过。十万人做什么不好？传说的上千亿做什么不好？纳税人的钱都是擦屁股纸吗？

4、信息爆炸和实时化导致了信息成为一小部分人的事情，相对于大众反而越来越信息闭塞了。这种真空状态成为一个盲区。这是什么效应？

5、如果你工作后的前五年里你没学到东西的话，那你就废了。

6、你不能比佛法更遭！

7、甲流会不会因为一些人忙碌着给某人过生日而被遗忘？

8、我恨不得把自己掰成两半花，时间的利用价值太高，而我却只使用了一小小的部分。年轻是一种罪过。

9、话有3说,巧说为妙.这”巧”正是你专业程度的体现。

10、我操，因为拉屎臭，还不吃饭了？ via http://bit.ly/3C1rUD

11、有很多时候，我们可能只是看了个片面，却总是要做出一副能说出大概的样子来。

12、一口吸尽西江水。。。。。。。。不拉肚子你才怪。

13、健康的生活理念是幸福的组成部分。

14、有些经验是讳于言传的，必须亲自去体验，或许在生活中经过许多次你才会偶然发现。

15、我的twitter原则：1、不要和那些倚老卖老的人缠，更不可倚老卖老。2、少说多看。3、多交流（有价值的东西）。

16、”我家门前有两颗树.一棵是枣树,另一棵还是枣树”，这话鲁迅说的就非常具有研究价值，如果常人说了，只会被当作一句屁话。这是什么效应？

17、怀疑外国人认为国人都是受虐狂。

18、我们失去的不是尊严，而是对他人的尊严。

19、有导航不一定好，但是没导航肯定不好。

20、少一点欲望，多一点幸福。

21、是什么让中国政府变得如此肆无忌惮了？

22、曾轶可和芙蓉姐姐同时掉水里，你手里有一块砖，你砸谁？谁救砸谁。

23、若邻网发给我的邮件一律垃圾邮件对待。过分广告、傻B广告一律拉黑对待。

24、http://meme.yahoo.com/bewho/ 我的yahoo！meme 专门用来推荐音乐 欢迎大家围观。

25、我喜欢晚上闻见家家户户的饭菜香，穿过那窄窄的街巷，我甚至想到了哪些饭菜里充满的爱和幸福。

26、开心网、白社会、新浪的微播,可以一起被认为新一轮的泡沫。

写一下我博客中用到的网页防止垃圾邮件小技巧两则，也许火星了，小技巧分享出来更新一下博客。

以前总是不明白为什么有人不好好写自己的邮件地址，反而要把@替换成[at]或者#等，后来才明白，这是为了防止自己的邮箱收到垃圾短信的骚扰。

1、css属性定义邮件地址

css中有个属性是direction unicode-bidi。可以通过定义这个属性的取值达到防止垃圾邮件的目的。比如我的邮件的写法是

<span style="unicode-bidi:bidi-override; direction: rtl">moc.liamG@olimylliS</span>

2、JS防止垃圾邮件

这个方法使用reCAPTCHA（http://recaptcha.net/已经被Google收购了）提供的一段JS代码，加密你的邮件，从而防止垃圾邮件。注册地址是https://admin.recaptcha.net/accounts/login/?next=/recaptcha/createsite/

如果是在首页的话，为了减少JS的加载量，第一种方法是个不错的选择。

2009年10月2日update：在http://wordzine.cn/archives/195看到一篇名为《使用 WordPress 的 antispambot 加密邮箱地址》，补上来。

有些人不理，是因为实在没必要理。

不浪费自己的时间，不损害他人的感情，于己于人都是合适的。

君子端方，温良如玉。

我们都不是君子，那么尽量做好一个小人物。

九月拾一日早起而记。

2、张朝阳说“幸运是自己创造的”。小心是男人的本分。

3、Google工具条太……，占据了我页面的很大一部分。

4、骆驼可比草泥马好多了。至今为止我还是认为草泥马还是一场令人啼笑皆非的小丑剧。//本条被新浪微播和谐掉了。

5、天，我用的大部分服务竟然都是被墙的。Shit！

6、臭男人，臭男人，话说男人真是很臭的。

7、爱死Gmail了。

8、不喜欢百度的原因是，百度里搜个东西，满页写满的都是“推广”。

9、新浪围脖，连岳童鞋《过把瘾就死》，《看上去很美》，不知道连岳同学会不会再次《浮出海面》。《动物凶猛》！

10、在中国，门户twitter是否路更宽？

11、如果新浪微播能……

12、总有一天，当政府做的实在过分的时候，人民会不自觉地忍不下去的。是可忍，终有孰不可忍。

13、什么都需要时间的，菜也是，好菜一定是花了时间才做出来的。

14、倒时差，白天的twitter属于国内网友，夜晚的twitter属于国外的网友。

15、迅雷看看播放器就一垃圾流氓恶意软件。还看个屁，文件没一个不获取失败的，连最基本的都满足不了，怎么粘用户啊？

16、“每个奥特曼身后，都有一个默默挨打的小怪兽…”这话说的太好了

17、我很奇怪@ymail.com的邮箱中国雅虎怎么登陆不了呢

18、当前信息泛滥的唯一有效方式不是所谓的群集网站，也不是所谓的意见领袖，是自己进行的人肉筛选。我每天1500+的订阅项目，其中含有很多网站类的更新聚合，每天花在阅读上面的时间同我看到的东西的质量我认为还是成正比的。

19、婊子人人上，人人还要骂。

20、我一直不看好facebook和friendfeed的原因就是,我是一个喜欢分享的人,而这两个网站恰恰在分享这个核心点上没有让我关注的欲望。相比之下，Google要好得多。twitter上废话太多，但是有时也有一些不错的东西，更何况他的实时性很好。

21、什么叫”晕环效应”,就是”橘生淮南则为橘,生于淮北则为枳”.

22、中国啊，哀，莫大于心死！

23、说实话，我很不喜欢猥琐，不知道我在别人眼里是不是也是猥琐的。

24、便食紫菜汤做的还是不够好,如果多一点麻油,少一点配料,原汁原味就更好了

25、UCD就是”与人方便,自己方便”

26、我懒得搭理你，你就会当我是傻B。

27、无聊，乃是中国人的通病。

28、从新浪微播中我看到了非常中国的特色。非，常中国。

29、还是豆瓣大气、帅气、牛气啊。新浪啊、搜狐啊，都只是跳梁小丑。

30、还是那些人，还是那些事。微播微播，新浪的这个感觉就像进了死胡同一样。

31、不能不让女人美，是不是！

32、混微播的人的主要构成（猜测）:1、IT圈的 2、媒体从业人员 3、闲散无聊小青年 4、美女……

33、耳朵里有屎

34、新浪微播如果和开心网一样那就真废了，浪费时间于人于己都是罪过。

更多地时间去注意到那些自己真正能专注的生活、琐事和工作了，不感到累，只有很累了，才能睡得香。因为我知道自己浪费了很多，虽然还在浪费，但是在努力，一点一滴。

永远在不完美着，永远不完美。

对博客的导航一直不是很满意,便认真地重新设计博客导航,结果是目前看到的这个样子了。

导航对于一个网页真的是很重要,正如画龙点睛一样。在修改的过程中学习到了很多知识,记录一些心得：

1、最简单、有效，以用户为中心去设计。

2、少即是多。

3、良好的设计是细节上的不断完善。

4、不断地尝试，不断打破重来。

5、不可平庸。

6、对用户体验、用户心理、相似设计的学习，“每多学一点知识，就少些一行代码”。不断学习的同时也要牢记“尽信书不如无书”。

我的博客在chrome/chromium浏览器下总是出现中间宽处一列很大的空白，代码没错误，给chrome的开发论坛提交了bug也没反应，目前的办法是chrome/chromium的Options中把浏览器语言设置成English就好了。

下面我整理了一些Google Reader”send to”的分享列表，同时分享在wordpress中使用Google Reader “Send To” 的方法。

在wordpress中可以通过press-this.php分享Google Reader中的条目，网址如下（将domain.com替换成你的域名）

http://domain.com/wp-admin/press-this.php?u=${url}&t=${title}&s=${source}&v=2

具体在Google Reader的Manage subscriptions中添加设置如下图所示：

如果你的博客没有favicon.ico的话，那就用wordpress官方的吧：http://s.wordpress.org/favicon.ico?3

Google Reader”send to”使用集锦

推荐到豆瓣：

http://www.douban.com/recommend/?url=${url}&title=${title}

推荐到豆瓣九点：

http://9.douban.com/recommend/?url=${url}&title=${title}

推荐到鲜果：

http://re.xianguo.com/logon.php?rurl=${url}&title=${title}

推荐到hellotxt
http://hellotxt.com/?status=Currently reading ${title} ${short-url}

http://hellotxt.com//favicon.ico

推荐到EverNote

http://www.evernote.com/clip.action?url=${url}&title=${title}

https://www.evernote.com/about/img/favicon.ico

推荐到Twitter
https://twitter.com/home?status=Currently reading ${title} ${short-url}

https://s3.amazonaws.com/twitter_production/a/1250103249/images/favicon.ico

推荐到FriendFeed

http://friendfeed.com/?title=${title}&link=${url}

http://friendfeed.com/static/images/icons/internal.png

推荐到Diigo

http://www.diigo.com/post?url=${url}&title=${title}

http://resources.diigo.com/images/avatar/group/diigo-feature-requests-community_48.jpg

存为PDF：
Name：Save to PDF
URL：http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.asp?cURL=${url}
Icon URL：http://www.adobe.com/lib/com.adobe/template/icon/pdf.gif

backtweets
Name: Conversations
URL: http://backtweets.com/search?q=${url}
Icon URL: http://backtweets.com/favicon.ico

发送全文邮件：

Name：Web to mail
URL：mailto:www@web2mail.com?subject=${url}
Icon URL：http://mail.google.com/favicon.ico

一键分享到多个社会化站点：
Name：Share this
URL：http://addthis.com/bookmark.php?v=250&url=${url}&title=${title}
Icon URL：http://shareicons.com/favicon.ico
或者：

Name：Add to any
URL：http://www.addtoany.com/share_save?linkurl=${url}&linkname=${title}
Icon URL：http://www.addtoany.com/favicon.ico

跟踪相关言论：
Name：看看大家说什么
URL：http://backtweets.com/search?q=${url}
Icon URL：http://backtweets.com/favicon.ico

Send to Instapaper

https://www.instapaper.com/api/add?url=${url}&title=${title}&username=USERNAME&password=PASSWORD

保存到Google Bookmarks：
Name：保存到Google Bookmarks
URL：http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=${url}&title=${title}
Icon URL：http://www.google.com/favicon.ico

自动翻译
Name: Autotranslate
URL: http://translate.google.com/translate?u=${url}
Icon URL: http://translate.google.com/favicon.ico
Name: 日翻中（其他语言以此类推）
URL: http://translate.google.com/translate?u=${url}&sl=ja&tl=zh-CN&hl=en&ie=UTF-8
Icon URL: http://translate.google.com/favicon.ico

Name: Google Blog Search
URL: http://blogsearch.google.com/blogsearch?q=${url}
Icon URL: http://translate.google.com/favicon.ico

Name: 人人网
URL: http://share.renren.com/share/buttonshare.do?link=${url}&title=${title}
Icon URL: http://s.xnimg.cn/favicon.ico

Name: DZone
URL: http://www.dzone.com/links/add.html?description=${source}&url=${url}&title=${title}
Icon URL: http://www.dzone.com/misc/favicon.ico

社会化服务博客分享代码：

1、分享到 Twitter

<a href="http://twitter.com/home?status=<?php echo urlencode($post->post_title); ?> <?php echo urlencode(get_permalink($post->id)) ?>" title="分享到 Twitter!" target="_blank" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://twitter.com/" alt="分享到 Twitter" />share in Twitter</a>

2、分享到 Google Reader

<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/link-bookmarklet.js');void(b.appendChild(z));}else{}" title="分享到 Google Reader!" rel="nofollow"><img src="https://www.google.com/reader/ui/favicon.ico" alt="分享到 Google Reader" />share in Google Reader</a>

3、分享到 FriendFeed

<a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('src','http://friendfeed.com/share/bookmarklet/javascript');document.body.appendChild(e)})())" title="分享到 FriendFeed!" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://friendfeed.com/" alt="分享到FriendFeed" />share in FriendFeed</a>

4、分享到 Facebook

<a href="https://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://www.facebook.com/" alt="分享到 Facebook" />share in Facebook</a>

5、分享到 Douban

<a href="http://www.douban.com/recommend/?url=<?php the_permalink();?>&title=<?php the_title(); ?>&v=1&n=1" target="blank" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://www.douban.com" alt="分享到 Douban" />share in Douban</a>

@NetPuter 兰州铁通今天下午Google大部分服务和twitter都短短续续,能想到的法子都用了,实在抓狂了 16 mins ago via Mobile Tweete

全球通用头像被屏蔽了?twitter封锁更严重了?豆瓣又开小差了?Google打不开了?天哪,还让不让人活了? 4 hrs ago via Mobile Tweete

不确定性通常是非常好的秩序 6 hrs ago via Mobile Tweete

google老干什么啊，把我的PR改来改去好玩么，唉！ 22 hrs ago via dabr

seek you,seek you!fuck you,fuck you! 3 days ago via Mobile Tweete

Google中国搜索改善了输入框的高度? [link]3 days ago via Mobile Tweete

[link] 这哥们很有趣 3 days ago via Mobile Tweete

这算不算偏方呢，偏方治大病啊。 via [link] 4 days ago via Mobile Tweete

我都不记得微博还有个腾讯的滔滔呢，这个滔滔怎么没被封呢 4 days ago via Mobile Tweete

Google Reader在处理抓取文字加粗部分用了”**“标记. 4 days ago via Mobile Tweete

“维基百科，自由的百科全书”–我很喜欢”自由的”那三颗字. 5 days ago via Mobile Tweete

妓女可信赖度优于中国官员和科学家. via [link] 5 days ago via Mobile Tweete

时间永远是充满诱惑、很奇妙的东西。 via [link] 5 days ago via Mobile Tweete

不管是政府还是公民，总得有点伦理道德，有点良心的。via [link] 6 days ago via Mobile Tweete

wordpress为web标准化做出了极大的推广和贡献。 6 days ago via Mobile Tweete

下班。洗洗臭脚的雨水和对面窗子里的灯光。 7 days ago via Mobile Tweete

潜水是一种美德。 1 week ago via Mobile Tweete

群如何吸引有选择性的社交黏度，这是关键。 1 week ago via Mobile Tweete

“你看你，比屁股还要懒那” 1 week ago via Mobile Tweete

@aiww 恶有替身，善有吗？ 1 week ago via Mobile Tweete

“旁观就意味着接受这一切” 1 week ago via Mobile Tweete

最新twitter可用IP 168.143.161.20 twitter.com 1 week ago via Mobile Tweete

@gowers 话说戴tor加https速度不是一般的慢 1 week ago via Mobile Tweete

twitter昨天到现在，逐渐严重地被封锁了，建议用 [link] 或者国内的 [link] 或者各类dabr 1 week ago via Mobile Tweete

豆瓣猜，豆瓣推荐根本如鸡肋，我除了每天不想看到这些之外，还是不想看到这些。 1 week ago via TwitterFox

自己打自己耳光，这叫做对国家主权的粗暴干涉？XX啊，我觉得你应该叫秦寿才对啊。 1 week ago via TwitterFox

11月28日上午11时28分，twitter挂掉了。 1 week ago via TwitterFox

管理Greader的源有没有什么工具啊，太浪费时间了，慢！ 2 weeks ago via TwitterFox

“有关部门”这个词很好 2 weeks ago via TwitterFox

[link] 我喜欢这些小曲儿 2 weeks ago via TwitterFox

就像会宁一样，就像兰州一样，就像甘肃一样，就像中国一样，留不住人才，更不要说发展了。 2 weeks ago via TwitterFox

我觉得我没变得文明，而是，越来越流氓了。 2 weeks ago via TwitterFox

不被Google K一次站，你永远不懂你学到了多少SEO的知识 3 weeks ago via TwitterFox

年初，在Google中文管理员博客就发布了解决的办法,搜索引擎通过对这个标签标识唯一内容.，即使用<link rel=”canonical” href=”" />标签属性。

在wordpress中，解决重复内容的方法很简单，把下面这段代码加到你的主题的 function.php文件即可：

//Canonical links for comments
function canonical_for_comments() {
global $cpage, $post;
 if ( $cpage > 1 ) :
echo "\n";
echo "<link rel='canonical' href='";
echo get_permalink( $post->ID );
echo "' />\n";
endif; }
add_action( 'wp_head', 'canonical_for_comments' );

那时候，我突然想起了宋词，想起了那么很多很多的词，很美，只是我拙笨而无法表达。以前觉得那种东西很浪漫（romance），现在想想，那些都是真正美的灵感（inspiration ）。

浏览一个做手工本子的博客，顺便发现了很多的博客，大概都是一些MUJI类站点，手工（handmade），简约（Minimalist），自然（natural）。

1、http://www.salvia.jp/

2、http://www.madu.jp/

3、http://www.thepapermoonproject.com/

4、http://3191.visualblogging.com/

5、http://foglinenwork.com/

6、http://kstudiohome.myshopify.com/

7、http://attic.cc/

8、http://minimalissimo.com/

当然，这个博客http://myinspiration.blogbus.com/有更详细的介绍。

最近看的两部电影推荐一下，《致命魔术 The Prestige》和《我是 Jestem》。

在页面标记中，h1、h2、h3 、strong 作用由高到低为：h1 > h2 > h3 > strong。 使用这四个标签的内容应该简洁明了。

h1标记是网页不可缺少的一个元素，每个网页中的H1标签是唯一的（在wordpress中最常见的错误是首页的每个文章标题都用了h1标签），通常用在页面最重要的标题上，为了SEO，h1标签的元素内容还应该包含页面的目标关键字。对于 网站的每个页面，包含的内容不同，h1标签元素的内容也应该不同。使用H1标签的元素不应该加链接——如果要加的话也是链向它自己。

h2标记一般用于页面的栏目标题，在wordpress中也有用作文章标题的，我个人比较倾向于将h2标记用于侧边的栏目标题，后来在看点石互动的博客的时候，发现他们的博客也是将h2标记用在侧边栏的栏目标题上的。但是需要注意的是页 面的h2标记数也不可过多，过多的标记会导致两种结果，一种是分散了页面内容的权重，另一个结果是会被搜索引擎认为你在作弊，除非你是老站，这一点需要注意。

h3次于h2，在页面中也占相当的权重，我一般将h3用在首页和存档页的文章标题上。

在wordpress theme通常中通常有两类网页，一类是文章页（listpage），包括首页（index）、专栏页面（author）、tag标签归档页（tag archive）、归档页（archive）、搜索结果页（search）。另一类是单页（Singlepage），包括 单页面（single）、页面（page）、404错误页（404）。

这两种页面的权重分配通常是：1、文章页（listpage）给博客的标题或者描述h1的权重，给文章标题h2或者h3等更低的权重。2、单页（Singlepage）博客标题和博客描述没有权重，给单页文章标题h1的权重，标题后面的内容给h2或者 h3等更低的权重。

为实现这种标记权重的分配，可以通过以下两种方法实现：

第一种方法（一个国外博客所建议的）：

在header.php文件中添加

<?php
if (is_home()) echo '<h1>'; else echo '<p class="description">';
if (current_user_can('level_10')) echo '<a href="'.get_settings('siteurl').'/wp-admin/">';
else echo '<a href="'.get_settings('siteurl').'/">';
bloginfo('description');
if (is_home()) echo '</a></h1>'; else echo '</a></p>';
?>

在single.php和page.php的代码h1标记部分类似这样

<h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>

这段代码可以判断如果在主页(home)则输出<h1>的权重，否则只输出<p>的描述。

这种方法可能更好，我的实现方法和这个方法稍有差别。

第二种方法：

博客的logo描述，一般文字会比图片的logo更容易优化，这也是很多博客采用文字标题的原因。当然我们可以通过对css样式修改来优化图片logo，具体的方法在《wordpress博客优化12条》http://bewho.us/12-wordpress-seo-tips中提到了 ，这里仅仅是优化图片logo的代码：

首先，创建文字链接：

<div>
<a href="<?php echo get_settings('home'); ?>/" title="<?php bloginfo('name'); ?>">logo</a>
</div>

接着，对此链接设定样式：

#logo a{display:block;height:50px;width:100px;background-image:url(logo.gif);
background-repeat:no-repeat;text-indent:-1000em;}

OK，图片logo的优化完成了。

我们回到正题，如何分配页面权重给不同的页面呢？

在上面的代码中你会发现我用了一个div标签，在博客文章页（listpage）我们会想让div的标记为h1，而在单页（Singlepage）又会保持这样的状态。我的代码如下：

利用wordpress的一个判断函数在header.php文件中添加代码

<?php /* Lists */ if (is_home() || is_author() || is_tag() || is_archive() || is_search()) { ?>
<?php include('templates/header1.php'); ?>
<?php } ?>
<?php /* Pages */ if (is_page() || is_single() || is_404()) { ?>
<?php include('templates/header2.php'); ?>
<?php } ?>

在wordpress theme目录下新建一个名为templates的文件夹（tip：你可以把一些影响博客速度的东西链到这个文件夹里，这样会改善速度的），在文件夹中分别新建需要判断的header1.php和header2.php文件。

到此代码就结束了，这段代码可以判断不同的条件下调用不同的头部文件，从而实现对不同的页面进行优化的目的。

但是还有一个问题，如果页面的导航在顶部的话，这样的代码会不会影响到导航的优化呢，不得而知，还希望有高手指点一下。

现在在Google中搜索link:bewho.us的收录为零。但是site:bewho.us貌似没变化，搜索我的博客名和域名bewho.us也还能搜索到，Google网站管理员工具中的内链和外链的数量看上去没有大幅的变化，所以目前看上去不是搜索引擎惩罚。

那有没有可能是google搜索引擎的算法改变了呢？我看了一些其他人的博客，看上去不像是算法改变。

博客的沙盒期？可是太不靠谱了，早不早，晚不晚的。

所以问题又回到了我这里，我要交代一下自己的“罪行”：

1、最近对博客的界面重新写了一下，这期间更改了首页和单页的h1,h2,h3的权重。

2、在单页增加了根据tag判断的相关日志显示。

3、在2009年7月20日启用了一个优化评论显示的插件。

我相信以上者几点还不算搜索引擎优化过度。我的博客内容全部为原创，没有卖链接，没有做广告，也没有搞搜索引擎作弊。因为博客界面的表现越来越捉襟见肘，于是重写了界面，顺便调整了一些h1、h2、h3的页面权重，属于正常的优化。

于是我先去谷歌网站管理员支持论坛http://http://g.cn/luntan/zhanzhang咨询，那里看上去太冷清了，在那里我发了一个问题查询http://www.google.com/support/forum/p/webmasters/thread?tid=6f289417ab6ee955&hl=zh-CN。

然后在https://www.google.com/webmasters/tools/reconsideration?hl=zh_CN页面重新提交了一下网站审核请求。

为了放心，在http://www.google.com/addurl/?hl=zh_CN又将博客提交了一遍。（属于病急乱投医的举动）

到此为止，静观其变。

update:7月27日早上，PR回来了，回到了原来的3，反向链接恢复了一些，缓存全部没了。历时7天，估计是进了沙盒了。

去深水区扑腾才不会被淹死    32 minutes ago

很多时候就是负了才是赢了    5:29 AM Jul 15th

http://big5.cctv.com/gate/big5/bewho.us CCTV跳转利用    6:57 PM Jul 11th

原来GFW还屏蔽了很多台媒，真是有狗拿耗子的感觉了    6:53 AM Jul 8th

老鼠为什么不躺着睡觉？    11:28 PM Jul 7th from TwitterFox

欲盖弥彰，盖什么盖啊，农民工都知道保外就医的事儿，不要掩耳盗铃，那铃声在你耳朵外面传得快的很，不要被人笑话了。    2:42 AM Jul 7th

每个人都知道一个未知的自己    4:06 PM Jul 5th

“当伟大的统治者经过的时候，明智的农民会深深地鞠躬，并默默地放屁。”—非洲谚语 /放屁要从娃娃抓起    6:00 AM Jul 5th

群和twitter一样，你能捧twitter的哏，为什么棒杀群呢？    6:16 AM Jul 3rd

热,公交车上直接烧烤夹饼. 12:09 AM Jul 2nd

死之舞 Saltarello的一些版本 http://www.douban.com/note/37724027/    6:48 PM Jun 29th

GFW的工作人员会不会也老翻墙啊，他们练的这个功需不需要自宫啊。        2:24 AM Jun 29th

彩蛋：在 Google Reader 主界面中依次按: 上上下下左右左右BA        9:59 PM Jun 28th

雷人，盖房子怎可如过家家一般。http://bit.ly/ykdz6     4:04 AM Jun 28th

互联网上的人品，正如那句名言一样：“在互联网上,没有人知道你是一条狗”。     3:31 AM Jun 28th

结构化和标准化才是王道。        3:08 AM Jun 28th

昨天在做博客的标准化，奋力5个多小时，终于把html的校验错误从200+降到了20+，没通过的一大部分是google的代码，对于JS的压缩还不上道，所以干脆收工了。css也通过了css3的校验。

网站通过 W3C 标准的条件大多其实是一些细节上条条框框，话说回来，标准的网页真是不一样，而且在校验错误的过程中也学习到了很多。标准就是标准，规则就是规则，即使你感觉可能她过于死板了，过于条条框框了，但是可能正是这些条条框框才是基石般的东西。当然戒律不论好坏，遵守就可以了，遇到现实解决不了的问题，还需灵活对待。

今天又在看Wordpress SEO 搜索引擎优化Wordpress SEO 搜索引擎优化，然后又把刚改好的theme重新修改，调整了页面h1、h2、h3的权重。同时改进了页面布局的一些不合理的地方，以前就感觉页面的布局捉襟见肘的，今天花了一些时间增加了很多属性，使得代码更轻便，利于以后样式功能的表现。总的我觉得把问题条理化、模块化、标准化，对于扩展思路很有帮助。对theme的模板也重新定义了，把index转向到同目录下的home页面，header文件放在templates下，这样可以缓存而得到更好的加载速度，同时结合sidebar widget和数据库的缓存，大大减少了页面的体积和数据库的查询量，在Google的网站管理员工具中也看到了这一段时间页面的一些变化。很欣喜，但是应该还有更好的方法。

今天还看了一段日常生活的奇妙旅行，4′33的一段故事（http://www.ritazhou.com/?p=483），我们往往过于沉溺于快节奏的嘈杂中了，有时真的需要去“have a slow look”。

今天下雨让我一下子又回到3年前了，那个时候也在下雨吧，真快呀。

http://newps.cc/ty/flash/jiyi/res/background.mp3 Forever At Your Feet—Oh Susanna

http://www.cbsr.ia.ac.cn/users/scliao/music/02-marketa_irglova_and_glen_hansard-if_you_want_me.MP3 if you want me—Glen Hansard

翻出来以前做的一个电子杂志（http://my.poco.cn/z_maker/z_maker_opus_details.htx&opus_id=33702），叫《memory》，那里的时间上写着2007年5月17日，也是很快的两年过去了。

我是个比较追求完美的人，也是一个很怀旧的人。

1、优化从头开始，就是对logo的优化，logo也是SEO的一个关键元素，虽然文字logo比图片logo更利于搜索引擎优化，但是可以通过对背景 Logo 结合隐藏文字链接的方法优化。

首先，创建文字链接：

<div id="logo">
<a href="<?php echo get_settings('home'); ?>/" title="<?php bloginfo('name'); ?>">logo</a>
</div>

接着，对此链接设定样式：

#logo a{display:block;height:50px;width:100px;background-image:url(logo.gif);
        background-repeat:no-repeat;text-indent:-1000em;}

2、布局的语义化。搜索引擎并不能像访客那样很直观的去查看网页，它只能通过分析页面内的标记语言来理解网站的内容，所以，尽量简单、明了、规范的语义化网页是优化的一个很重要的手段。关于语义化一些知识可以看虫下米的这篇文章http://www.g9net.com/2009/06/28/related-to-the-semantic-web-front-end-of.html。除了这篇文章所指出的优化之外，要注意在优化的过程中页面标记内的关键词数量，通常页面中h1拥有最高的权值，在一个页面中最好指使用1个h1来突出你的内容，太多的h1会分散其整个页面的权重，对搜索引擎也是非常的不友好。搜索引擎对页面标记的检查也是从h1、h2、h3……这样检查的，所以丰富h1和h2标记内的关键词很管用。

3、页面的标准化。对用户来说，网站标准就是最佳体验。

4、使用Sitemap和robots.txt。使用插件Google XML Sitemaps(http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/)

5、和第2条所指出的一样，注释网页内的图片（增加描述），对图片的尺寸加宽高的描述都是很必要的优化。

6、良好的用户体验和界面设计。这些是很细小的技巧，是对设计的把握和访客心理的揣测。很重要。

7、固定链接。在优化方面，推荐将固定链接设置为/%postname%/格式，因为搜索引擎对固定链接的权重www.domain.com比domain.com高，domain.com比domain.com/xxx/高，domain.com/xxx.htm高。

8、丰富的内部链接和外部链接。内部链接是搜索引擎蜘蛛爬页面的一个很重要的部分，应尽量使用文字链接，尽量不使用JS内的链接。好的内部链接可以整体提升站内搜索引擎的排名。有价值的外部链接对搜索引擎的排名也很重要，在寻找搜索引擎权重较高的外部链接的同时也要注意两点：一是在内容中对外部链接的引用，这个也很管用，二是注意不要链接禁止搜索引擎跟踪的链接。我曾经在3个月通过内部链接加外部链接把一个博客优化到了PR 6。

个人觉得对外部链接的优化虽然很有效，但是慎用，如果你的博客仅仅为了搜索引擎的排名而链了一大堆你都不甚沟通的博客的话，我觉得没什么必要，也没什么价值。做好内容是正道。

9、分析博客的流量数据。我是通过Google Analytics分析的，Google Analytics很强大，我通过对页面的内容、关键部分点击、关键字、页面浏览来做优化，这部分我觉得需要去掉页面中那些无关紧要的鸡肋。网站优化也是减法的艺术，去除掉多余的无关紧要的部分，访客的浏览中心就会越靠近你想表现的内容。同时由于博客的特殊化，应该注意到数据分析仅仅是作为到分析和引用的作用，有时数据不一定是很准确的，页面的其他部分等其他因素也会影响到数据的准确。

10、在wordpress中使用SEO插件。这篇文章推荐了20款WordPress SEO的插件http://www.mangguo.org/20-best-wordpress-seo-plugin/。

11、使用优化网页速度的插件。越小的页面，对搜索引擎的优化更好，在wordpress上可以通过gzip对页面及页面的组件进行压缩，除此之外，我的博客一直在用的4个插件，使用方便，对程序的兼容性和稳定性较好，占用服务器资源较少，推荐一下，Use Google Libraries插件（http://wordpress.org/extend/plugins/use-google-libraries/）可以在加载页面Ajax和JS时使用Google Libraries，GZippy 插件（http://wordpress.org/extend/plugins/gzippy/）是利用GZip的压缩功能提高访问速度的，WP Widget Cache插件（http://wordpress.org/extend/plugins/wp-widget-cache/）可以减少侧边栏sidebar 的数据库查询，DB Cache插件（http://wordpress.org/extend/plugins/db-cache/）可以缓存数据库来提速。

12、使用雅虎的Yslow和Google Page Speed并根据相关建议优化你的博客。针对优化的效果,可以使用这个小工具看一看http://www.ranknow.cn/。

PS:像第3条中指出的,页面的标准化对博客的优化很有作用，我的博客现在还是有很多地方没通过W3c的标准，谁可以推荐给我一个好的W3C网页标准化的教程呢？(已解决：http://www.life-studio.cn/w3c-standards.html)

吃饭吃到无语，喝茶喝到茶醉。

很多变化是看不出来的，那种潜移默化，每个人心里明白，表面看不出来的。我渐渐发现实质性的变化从来都不是通过表象变化来感知的。就像我重写了整个网站界面的代码和样式，同样的表现，内部结构却完全不同。就是如此。

听民谣听到最后去听世界音乐了。

翻出两年前写的一段文字：

“海德格尔对孤独有这样的定义：“孤独有某种特别原始的魔力，不是孤立我们，而是将我们整个存在抛入所有到场
事物本质而确凿的近处。”我认为，孤独有某种特别原始的魔力，不是孤立我们，而是将我们整个存在与其他事物
本质而确凿的存在彼此分离到同样的近处。”

当时不明白，现在明白了。

我需要时时告诫自己：尽量严持戒律，尽量追求真理，尽量善待他人（命），尽量过简朴的日子，尽量给他人种一点树。

茶不醉人人自醉。可是我为何醉得如此厉害？

http://vfile.home.news.cn/music/public/vd06/200907/10/7c/MUfs0620090710174512517c7b8e.mp3热情的新疆人

http://www.qzgy.org/up_files/asldkfjklj/12182497.mp3阿哥们是孽障的人—索南孙斌

http://vfile.home.news.cn/music/public/vd06/200907/11/06/MUfs06200907111914325006cd82.mp3风铃—杨祖珺

http://vfile.home.news.cn/music/public/vd06/200907/13/d1/MUfs062009071316544050d1ebb8.mp3The moors of Miao—《Songs Of Innocence》

针对目前国内互联网的一些不正当管制，我整理了一个批处理，这个方法修改了计算机%SystemRoot%\system32\drivers\etc\的hosts文件。会有用，但不一定绝对管用。

方法：新建一个记事本，将下面的橙色内容复制到记事本，另存为 a.bat，双击 a.bat运行即可。

@echo off
echo 米拉之落搜集整理。
echo 我的博客：http://bewho.us/
echo 正在应用hosts文件设置，请稍后......
@attrib %windir%\SYSTEM32\drivers\etc\hosts -r
@echo ------ 突破Youtube屏蔽 ------ >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 youtube.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 www.youtube.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.33.100 gdata.youtube.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.91.118 upload.youtube.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.102 insight.youtube.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.161.104 help.youtube.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo ------ 突破Google屏蔽 ------ >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.45.100 google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.161.147 www.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 66.102.1.103 www.l.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 66.102.1.83 mail.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 72.14.247.111 pop.gmail.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.111 smtp.gmail.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.169.17 googlemail.l.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.101 books.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.113.101 docs.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.113.101 spreadsheets.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.99 news.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.91.136 picasaweb.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.161.147 map.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.136 khm.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.161.190 mt0.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.161.136 mt1.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 209.85.225.136 mt2.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.161.93 mt.l.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 64.233.161.104 maps.l.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.113.147 scholar.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.102 groups.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.91.113 groups.l.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.102 id.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 74.125.93.102 id.l.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo ------ 突破Wikipedia屏蔽 ------ >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 208.80.152.2 wikipedia.org >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 208.80.152.2 www.wikipedia.org >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 208.80.152.2 en.wikipedia.org >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 208.80.152.2 zh.wikipedia.org >> %windir%\SYSTEM32\drivers\etc\hosts
@echo ------ 突破Twitter屏蔽 ------ >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 168.143.162.68 twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 128.121.146.228 twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 128.121.146.100 www.twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 168.143.162.101 assets1.twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 168.143.162.101 static.twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 168.143.162.101 assets0.twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 168.143.162.101 assets2.twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 168.143.162.101 assets3.twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 168.143.162.101 assets4.twitter.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo ------ 突破Picasa Web Albums外链屏蔽 ------ >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 picadaweb.google.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 lh1.ggpht.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 lh2.ggpht.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 lh3.ggpht.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 lh4.ggpht.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 lh5.ggpht.com >> %windir%\SYSTEM32\drivers\etc\hosts
@echo 203.208.39.104 lh6.ggpht.com >> %windir%\SYSTEM32\drivers\etc\hosts
echo hosts文件应用设置执行完毕。谢谢使用。
echo. & pause

附《阿哥们是孽障的人》歌词：

出门（者）遇上了大黄风，闪花的草帽儿落圈
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是孽障的人

阿哥们适哈地太寒酸（西北方言，意思是生在寒酸的家庭），这么价活人是可怜
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是孽障的人

又背了沙子又背了土，又背了大石头了
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是出门去的人

又受了孽障又受了苦，还受了旁人的气了
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是出门去的人

一身的脂肉儿苦干了，压弯了脊梁骨了
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是离乡的人

拿着的干粮吃完了，出门人孽障死了
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是离乡的人

没风没雨的三伏天，脊背上晒下的肉卷
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是孽障的人

一年三百六十天，肚子里没饱过一天
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是孽障的人

丢下个尕妹了走金场，颇烦时把“少年”漫上
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是孽障的人

白日黑夜我把尕妹想，啊一年能回个家乡
绯红花儿你听，你的大哥哥们走哩，肝花妹妹坐吆，阿哥们是孽障的人

update:7月20日更新突破Picasa Web Albums外链屏蔽批处理部分