极简博客界面

好久没有折腾过博客的界面,最近给博客界面大手术了一番,将它简化得不能再简化:Tagline都去掉了。有朋友提到界面改变的事情,我大致说明一下。

在Twenty Twelve官方主题基础上,去掉了所有的侧栏小挂件,变成了单栏页面。页面宽度调整为630px,每行最多45个汉字,这可能是适合肉眼阅读的最大字数。为了照顾网页加载速度,取消了Google网络字体。中文字体默认采用宋体(Linux下用文泉驿字体),英文字体是Georgia衬线体,只为了返回到印刷体的效果——我知道电子屏幕应该采用非衬线体。字体大小14号。

通过更改数据库的方法,博客上所有的超链接都变成了页面内打开,不必再打开一堆网页标签,使浏览者在一堆网页中跳来跳去。那些实在喜欢新建页面打开链接的朋友们,试试鼠标中键点击超链接。所有日志中的“继续阅读”设置也被取消,这不过是为了提高页面点击率而增加用户单击鼠标。

以后的博文能不用图片就不用图片,以前的图片通过更改数据库的方式,统一调整为620px的宽度,只为了整洁一致的页面效果。

Twenty Twelve官方主题的好处是安全可靠且原生自适应。为了保持自适应性,尤其是在手机小屏幕上也有良好的显示效果,博客上的AdSense也采用Google官方提供的自适应代码,这样一来,在不同的屏幕上都能显示合适尺寸的广告。

我也不喜欢在博客上出现广告,不过为了兴趣研究AdSense广告系统,我还是决定坚持在博客上投放广告。一个月几百块钱的广告收入,积小成多,有比无好。而且我相信,那些不愿意看到广告的朋友们,肯定早已和我一样使用着AdBlock之类的插件过滤广告。那些还坚持用RSS的朋友更不用说,他们永远看不到博客界面。

其实,我使用如此简洁的网页界面,不是没有原因。现在大部分网页不能使人专注于网页内容——虽然大部分内容也不值得专注,过多的超链接、图片、广告……虽然有人说,网页不是用来读而是用来点击的。我曾经纠结于要不要用静态博客工具Jekyll?是不是用html后缀的固定链接形式?域名带还是不带www?安不安装Google网站地图插件?现在,我试图把博客做到极致简洁、极速加载,回归到纯粹写作和阅读。

也许有朋友会说,这样过于简洁的界面对用户不友好。我只能说:抱歉,我写博客还真不是为了讨好所有人,至少现在不是。所以,我把Favicon和Gravatar图标改成了一个圆,这是禅宗里的一个符号:圆相。

附:SQL查找替换命令,将命令放在数据库SQL一栏里运行一下即可。操作前请导出数据库备份,新手慎用:

UPDATE wp_posts SET post_content = REPLACE( post_content, ' target="_blank"', '' )//将所有超链接都取消新建页面打开功能
UPDATE wp_posts SET post_content = REPLACE( post_content, '<!--more-->', '' )//取消所有日志的“继续阅读”功能

超链接打开方式-页面内还是页面外?

网络时代,一个强大的浏览器,比如Chrome, FireFox可以浏览整个网络世界。网络世界由数不清的网页组成。网页中自然充满了各种各样的超链接。整个网络世界就是由这些超链接联系起来,再用搜索引擎Google等组织好这些信息。

超链接有一个重要的问题,点击链接后是新开一个页面还是在原页面里找开?Google的搜索结果默认是在原页面打开——虽然个性化设置可以设置在新页面打开,中国的搜索引擎百度是在新页面打开新链接页面。普通的网站,比如博客网页中的链接应该采取什么的样形式呢?

Google采用本页面里打开链接的原因是基于这样的原则:让用户尽快离开自己的网站 (We may be the only people in the world who can say our goal is to have people leave our website as quickly as possible),让人们找到信息后立马离开Google。而百度和众多中文网站采用新页面打开链接,是想把用户留在本页面,制造更多的页面浏览量。

新页面里打开链接,还有历史原因。在过去网速不快的时代,人们喜欢点开一堆网页,让其后台下载,甚至实现离线浏览。后来网站也维持这种习惯,久而久之,中文网络世界就充满了新建页面打开链接的情况。甚至Google AdSense都为了讨好中文用户,特例实现新开页面打开AdSense广告页面。

多页面可以实现浏览器中充满各种各样的网页,符合电脑的多进程模式,充分利用电脑资源和网络资源。然而,人脑不符合多进程模式,采用线性单页面浏览模式会更好,即在单一页面里浏览所有网页,把所有注意力都集中在同一个窗口里,需要的时候,只需要前进、后退在网页中穿梭即可,当然,这种方式有些极端,但至少说明人脑使用这种使用这种方式可能会更好一些。事实上,欧美包括日本的网页链接多采用页面内打开的模式。

至于博客中的网页链接,我个人建议适量引入站内链接和站外链接,但不要过多,以防分散注意力,毕竟博客这种长度深度网页需要注意力集中才能读完。链接打开方式建议如此处理:站外链接可以用新开页面的方式点开——使用本页面内点开也未尝不可,站内链接则采用页面内打开的模式。

不要怕访客离开自己的网站,只要内容好,他们一定会回来,即使是多按一下后退键。过多的标签页未必就一定是好事,有时候,less is more.

也许喜欢新开页面的网民们不喜欢页面内打开的链接,这里提供一个小技巧:使用鼠标中键点击超链接,即可以实现后台新建标签页打开页面,而不必麻烦地“右击鼠标”,“在新标签里打开链接”。