小谈blog的排版
上周支付宝UED blog发表了一篇《浅谈眼动仪在可用性测试中的应用》,我在Reader读的时候发现文章的排版相当差:段内文字没有行距,首行缩进只有一格半,整体看着非常不舒服。我直接访问那篇文章的地址,看起来不算太丑,不过查看源代码时就发现,太多垃圾代码,显然是从word中写好直接贴上去的。 如果你不知道从word中写好粘贴到wp与直接在wp编辑器里写有多大的区别,可以打开word试一下:写两段文字,然后复制;接着打开一个wordpress后台撰写文章页面,在可视化编辑器中粘贴进来。点一下“HTML源代码”,看,有多少垃圾代码。 应当承认word是个好用的工具,但是在一篇blog里夹杂着大量word产生的代码,不是一件好事情。因为你的文章不只是会出现在你的网站上,也会出现在GReader、鲜果、抓虾这些阅读器上。如果用Word中的代码在这些地方继续约束格式,就可能变得很难看,支付宝UEDblog的那篇文章就是个例子。 我平时写blog,从来都不多考虑排版。因为我用过的每一款Wordpress皮肤,都可以很好地呈现我写的内容。查看一下源代码,一篇文章往往只有一些<P> <a> <img>标签,可能还会有<blockquote> <ul>以及<li>,没有任何多余成分——这样的plainHTML是优美的,我平日也很习惯直接用HTML来写blog。 我认为最好的排版就是只要你按照某种习惯写,不需要任何多余设置,也可以让文章看起来舒服。幸运的是,wordpress可以帮你做到,从word里先排好再复制过来根本就是庸人自扰。 话说回来,其实WP内置的tinyMCE是可以粘贴来自word的文本,在编辑器工具栏中有一个带有”W”字样的按钮,从这里粘贴,可以让文章少一些垃圾代码。UEDblog上那篇文章,在我的协助下,已经删掉了那些垃圾代码。 PS:我把文章的显示改成段首缩进两格了,只在CSS中增加了一句”text-incident:2em”就搞定了。

