石锅拌饭 Robin Lu’s weblog

昨天参加了WordCamp Beijing 2007 - 中国 WordPress 用户聚会，说实话，和wordpress直接有关的话题不多，而且我敢说台上做演讲的人使用wordpress的也在半数以下。72pines的开场演讲，对wordpress做了个相当泛泛介绍，台下提问者寥寥。倒是后面吕欣欣关于blog挣钱的问题引起了一个小高潮。

整个活动更象是一个blog圈子的聚会，转来转去就是那些人。中国的blogger太孤独了，生来就因原罪要带着枷锁，头上又被Google Adsense压的没有脾气，实在需要多些机会聚一聚，互相温暖一下。过些日子好像就要中文网志大会了，争取再参加。

下午和饭否的穆荣均聊了一会儿。说起来，当年还是看到他把blog换成wordpress，自己才开始用的。现在他已经在microblog了。

看到一个mac os x的用户列出他写blog所用到的软件列表，我也列一下我在mac os x下写blog必用的几个软件：

Quicksilver

如果没有Quicksilver，别说blog，干什么都不对劲了。我用Quicksilver启动所有的程序和各种文档，检索我的del.icio.us书签，调用剪贴板，让我的鼠标手症状缓解了90%。如果你还不会用它，可以参考它的说明文档。

Ecto

我缺省的blog编辑发布工具，用它维护了三个不同的blog。它让我不需要忍受简陋的在线编辑器，可以方便的维护tag，用简单的自定义快捷键插入常用的HTML标签，随时预览，方便的加入图片，将脑子里随时闪过的念头随时保存成草稿。Ecto就快发布3.0，非常让人期待。

TextMate

虽然TextMate对中文支持有问题，但用它来编写代码实在是太方便了。它是我的缺省php/html/css编辑器，借助强大的语言绑定包，用它写代码简直就是一种享受。尤其在写css的时候，对于我记不清楚的属性，只要通过tab键组合就能自动补全，连手册也不用查了。另外，TextMate和ctags以及svn配合使用也非常方便。我主要用它修改wordpress的插件和主题。

Safari+Firefox

Firefox在Mac OS X上中文掉字的问题是永远的痛。Safari的速度也是我在Mac上使用它而不是Firefox的原因之一。但在调试网页的时候我还是会使用Firefox，因为它有Web Development插件和一个强大的DOM Inspector。

Cyberduck

我曾经用过一段时间卡车Transmit，但后来发现免费的鸭子完全能胜任我所有对FTP客户端程序的要求。我用它上传下载各种文件。使用quicksilver的cyberduck插件，使用更方便。

paparazzi!

写blog的时候常常需要对网页做截图，对于比较长的网页，截图就非常难做，需要自己拼接。有了狗仔队paparazzi!就不存在这个问题了，直接输入url，就可以将网页以图片格式保存。paparazzi!还直接使用Safari的cookie，对于需要使用cookie才能访问的网页也同样可以抓取。我自己blog主题的截图就是通过这个工具抓取的。

ImageWell

对于一般的图片的处理，用PhotoShop就是杀鸡用牛刀了，ImageWell是一个免费的图片处理软件，小巧玲珑，可以完成各种方式的剪切，加水印，填文字，甚至集成了FTP上传等功能。

上个星期看css reboot看得心旷神怡，越看自己的blog越不像样，终于下决心给我的blog也来一次reboot。
1.干掉侧栏
无论是两拦还是三栏式的blog布局，侧栏都被过度利用了，就象一个垃圾箱，什么都可以丢进去。花里胡哨的侧栏转移注意力，而且实用价值并不高。例如包括我自己在内的很多人都有一个高耸入云的订阅图标列表，实际上排列在一起样貌相似的小图标即不好区分也不好点击。作为一个bloglines的用户，我从来没有在任何一个人的blog上费劲去找他们专门提供的订阅图标，我懒，我只点一下bloglines给我提供的bookmarklet。
2.重用底栏
Flickr是重用底栏的专家。SimpleBits是在blog布局中重用底栏的先行者。不仅是为了奖励把页面拉到最后的读者，去掉侧栏而使用底栏，内容和功能各得其所，主题内容更加突出。底栏也不象侧栏那样受到宽度局限，有更丰富地设计选择。由于在页面下方，即使内容多一些，占地大一些也不会影响主要内容的浏览。另外，我的FBO插件已经帮我搜集了我自己的有关信息，很容易就可以把它们都显示在底栏。
3.blog首页
blog首页到底放几条主题合适？我过去的选择是5条。但一个象我这样更新并不频繁，内容连续性不强，主要浏览来自于订阅和搜索引擎的blog，首页放5条主题的意义在哪里？我最后的选择是放一天的内容，将最近主题列表显示在底栏。blog的形式决定首页内容的数量。
4.内容布局
我花了不少时间，参考了很多设计，最终确定目前的内容布局方式。blog的内容象一个辞典的条目一样被展示出来，tag在sidenote的位置。每个人都熟悉辞典的布局，熟悉的布局就不会带来不舒服的感觉，自然就能理解每一部分要传达的信息。在内容右边放置了相关内容的链接，远比侧栏里几个显示月份的归档链接有意义的多，同时将这部分内容从以前每条主题的下方独立出来放在右边，功能和观感都更清晰准确。
5.配色及其他
我没有学习过任何有关配色的知识，我能做的就是找到我感觉好的配色，然后抄袭。目前的配色也是从我的blog内容出发，黑土地色系让我的blog可以显得稳重一些，划过链接时的绿色就象土地上的绿草，会给大多数人舒服的感觉，也是现在网上越来越流行的配色。没有用其他任何大的色块，或者说还没信心用，小的色块起一点点缀作用。

重构前后的效果比较：
重构前：

重构后:

对于这次blog的重构，美观是促使我开始动手的契机，更好的用户体验是我的目标。欢迎有同样兴趣的朋友和我交流。
还没在IE里看过效果，不知道会不会是一团乱。。。

english

开放式社会化网络的尝试有不少，比如XFN和FOAF，这两种技术都着眼于建立网络，我以前分析过，一个社会化网络应用，只有网络是不够的，至少不够有趣。
blog天然具备一些社会化网络的要素，个人提供内容，blogroll提供网络框架。个人作为互联网中的节点，除了blog，大多还会提供图片、网摘等等内容。为什么不能将这些元素组合起来，建立一个完整的开放式社会化网络呢？
第一个能想到的是把RSS作为切入点。但RSS倾向于“内容”，缺乏把节点连接成网络所需的信息。另一方面，RSS提供的语义也不够丰富。RDF也是一个 可能的选择，很容易提供资源到url的联系，语义也非常丰富，唯一的问题是结构相对复杂，当年在xml sync这一功能上RDF远早于RSS，最后RSS胜出，就败在复杂上。
再来看一下OPML。目前OPML在互联网上被广泛应用于表示RSS聚合集。其实OPML定义了语法，但并没有限制语义，用它来outline的东西几乎可以是无限的。mac上的OmniOutline就可以以opml作为文件格式之一。
以outline的方式来组织互联网中的个人节点是一个很自然的过程:

写成OPML就是这样：

<outline title=”me”>
<outline title=”blog” type=”blog”>
<outline title=”test” type=”link” htmlURL=”http://…” dateCreate=”2005-12-29 13:51″/>
<outline title=”Hello world!” type=”link” htmlURL=”http://…” dateCreate=”2005-12-29 13:48″/>
…
</outline>
<outline title=”bookmark” type=”bookmark”>
<outline title=”Max Design” type=”link” dateCreate=”2006-01-14 03:15″ subject=”css reference webdesign” htmlURL=”http://www….”/>
…
</outline>
<outline title=”photo” type=”photo”>
…

每个互联网上的个人节点都可以生成这样一个outline文件，在网页的head里加入一个rel是outline的<link>：

通过这个outline文件，很容易得到关于这个个人节点的内容信息，更重要的是，outline中提供了延伸的可能性，通过friend部分的链接，可 以探测朋友的outline文件，再到朋友的朋友。保证了可延伸，可被探知，并提供内容，一个Friends By Outline的开放式社会化网络就自然形成了。
outline中的内容可以不限于blog、图片和网摘。加入图书、电影和唱片，就可能产生一个开放式的豆瓣。加入To Do List，就可能产生一个开放式的43things。加入你要卖的二手货，就可能产生一个开放式的ebay。
为了实践这个这个想法，我做了一个wordpress插件，这个插件可以帮我做下面几件事：

• 根据我提供的内容生成一个outline文件。
• 在页面的head里加入outline文件的link。
• 探测我的朋友的outline文件。

安装了这个插件以后，在Option中可以做如下设置：

插件可以通过这些信息和blog的内容生成一个fbo.opml文件，我的fbo.opml在这里。通常情况下，这个文件是自动生成的，不需要Force rebuild。
如果你的朋友也有这样的outline文件，你可以去Dashboard下的Friends里查看插件自动帮你搜集来的内容：

也可以通过template做一个这样的页面。这些页面也都是自动更新的。
如果你也想加入实践Friends By Outline的行列，并且在使用wordpress1.5.2以上的版本，可以在这里下载这个插件。 在plugin目录下展开。这个插件会在blog根目录下写outline文件，在plugin/fbo目录下写入搜集来的outline文件，所以你需 要赋予这两个目录的写权限。通常不需要做额外设置。同时，如果你愿意，可以要我把你加入我的Friends By Outline的Link List中，你的outline就会被包含在我的Friends页面中了。

Update: Friends By Outline wordpress v0.2

一个完整的社会化网络，应该由三个部分组成：

1. 网络结构(network)。社会化网络的骨架，也就是通过什么样的技术和手段来把独立节点联系在一起。
2. 内容(content)。社会化网络的血肉，也就是每个节点能够为这个网络提供什么样的内容。
3. 通过网络处理内容的方式(method)。以什么样的方式重新组合和处理网络中各个独立节点的内容，好的方式将会产生量变到质变的结果。

来看看这三个要素在一些典型的社会化网络产品中是如何作用的。
Orkut，用户是独立节点，通过用户之间的关系可以建立很好的网络，除了论坛的帖子，和节点相关的内容主要是个人资料和关系，除了继续发展你的关系，这样的网络很难有更多的用处。网络结构:强。内容:弱。内容处理方式:弱。
Wallop，有一个类似Orkut的网络，以用户的Blog、照片、媒体文件等作为内容，通过网络可以方便得知属于你的网络中的其他用户的信息。网络结构:强。内容:中。内容处理方式:中。
delicious，网络结构比较松散，但网络中的节点（用户）提供大量的内容，对内容有极好的重组方式。网络结构:弱。内容:强。内容处理方式:强。
flickr，通过关系或者兴趣组成一定的网络结构，节点（用户）提供大量的内容，通过tag和group等对内容进行重组。网络结构:中。内容:强。内容处理方式:中。
没有对这些社会化网络产品进行评比的意思，只想通过这些例子说明一个问题，对于社会化网络产品，建立起一个网络固然重要，内容和内容的处理方式同样起决定性作用。
blog是一个天然的社会化网络，可以以blogroll建立网络结构，内容也是现成的，唯独缺乏的是通过网络处理内容的方式。technorati是一种处理和重组blog的内容的方式，但它基于的网络结构太松散。要让这个网络变得更有趣，我们还差一步。