极简博客界面

好久没有折腾过博客的界面,最近给博客界面大手术了一番,将它简化得不能再简化: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-->', '' )//取消所有日志的“继续阅读”功能

极简博客界面》有70个想法

    1. locx

      当年主流屏幕为1024*768时,网页宽度好像是照960px设计的,去掉左右边框和滚动条。不知这里是不是类似的原因。

      回复
          1. 土木坛子 文章作者

            这个就是技术细节了。现在CSS里开始用rem来控制宽度了,相当于一个相对的基本单位,这样设计好一个基本样子后,方便自适应。px是过去的绝对单位的方法。

        1. 土木坛子 文章作者

          屏幕是变宽了,但人眼的视觉范围并没有变宽,每行的阅读字数最多也就是50个汉字以下。至于你说的宽屏,那只是看电视等视频的东西时,才有优势。你的文字两边留白,不也是一种很好的设计吗?为什么都要填满?

          回复
          1. rem 和 em 有什么区别?感觉概念很模糊,因为看到 2012 主题里 rem 单位都是小数点后一排数字的……看着就眼花

    1. 土木坛子 文章作者

      那是印刷时代为了提醒阅读者,这是另起一段了,现在网页直接通过段与段之间的空白就能看出来了,不会让你读得那么累。多分段,段与段之间留出足够的空白,通过CSS实现。你要段首空两格,好像也能通过CSS实现的。

      回复
    1. 土木坛子 文章作者

      我用的是3.5寸的iPhone 4, 9.7寸的iPad 2, 10寸上的网本,14寸的笔记本,15寸宽屏笔记本,17寸的台式机,操作系统有Windows XP, 7&8, iOS 6&7, Ubuntu Linux 12.04, 在这些设备上表现都还可以。
      估计让你难受的网页宽度设置太多了吧?

      回复
        1. 土木坛子 文章作者

          如果不强制刷新缓存,可能保存在硬盘上的图片等内容要一年后才能再次更新……
          缓存的有效期限比较长,许多人又没有清理缓存的习惯。
          P.S. 今天国内的DNS受到了人工误操作导致大面积污染,你没有受到影响?

          回复
    1. 土木坛子 文章作者

      雅黑字体是非衬线体,有的人觉得好看,有的人不觉得。有的人的电脑上有这个字体,有的人(Linux, Windows XP)没有。
      宋体是最经典的中文字体,衬线体,使用最广,最安全不易出问题,也是印刷体常采用的字体。

      回复
    1. 土木坛子 文章作者

      说起来很简单,墙外的垃圾评论被AKISMET插件过滤了,墙内的基本上是GFW(你懂的,你需要HTTPS才能在墙内访问我的网站)帮我过滤了,还有极少数的漏网之鱼被我人工过滤了。

      回复
        1. 土木坛子 文章作者

          多说我也用过,垃圾评论也是有的。

          我最受不了的是,一:多说往博客的数据库里插入了太多不应该的东西;二:多说会复制走所有博文内容;三:加载速度有时候有问题,国内的情况我听说过,国外的情况我亲自感受过。

          所以,我现在几乎不用第三方服务,唯一用的七牛,也只是CDN一下,随时可以取消它而不受任何影响。

          回复
          1. Soney

            多说现在在加载速度上还算改进了不少,最受不了的是我登陆一次就记住了,去所有安装了多说的网站都要是那个号!别人到我博客应该也是这个赶脚!

  1. opengg

    Twenty Twelve主题最唾手可得的简洁主题。目前看来,其他夫妇主题配色不错,但不太适合无图的文字模式。
    如果配图不好,还不如不配。
    简单直达。作为博客,本质就是思维表达。
    执着于内容之外的过度装饰,有点舍本逐末。

    回复
      1. opengg

        打错了…是付费主题。
        付费主题很漂亮…但想和主题和谐却不只是
        只有文字就能匹配的…
        还是简朴点好…内外合一吧。

        回复
  2. 赛恩

    前几天在别人博客那里看到坛子兄的头像换了,原来和禅有关。

    专注文字,甚好。

    提个建议:背景不要用纯白,晚上看太亮,看久了刺眼,可以用淡灰色。

    回复
    1. 土木坛子 文章作者

      你拥抱Farbox+MarkDown又何尝不是一种禅的意境呢?
      白纸黑字在网页设计中几乎是金科玉律了吧,我改成淡灰色后,恐怕其他朋友又不会同意了~众口难调。

      回复
          1. 土木坛子 文章作者

            我无语了……中间的背景色我动它没有把握,CSS里有太多的地方是关于背景色的,我还是保持默认的算了(保持不折腾也是本次折腾的初衷)。抱歉~

    1. 土木坛子 文章作者

      不需要的人我加上也用不着,需要的人我不加上,你也有办法。用google site search吧:keywords site:tumutanzi.com 连评论都能搜出来,比WP的默认搜索强大多了。

      Update: 好吧,我把搜索框加进了博文的最后面。不过GOOGLE搜索显然更强劲一些。感谢建议。

      回复

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注