基于默认主题简单修改的grayliner一用就是6年，那从wordpress换成ghost还只有半年。这段时间心血来潮打算改一改，于是就有了这个比起grayliner更为简单的pure主题。

在原来的基础上，去掉所有的装饰，多作者模式，虽然外观相较之前没什么大的变动，事实上结构也确实相差无几，但样式几乎是推倒重组了一遍，去掉了相当多没什么用的代码。

去掉了锐利的割裂线，抄了一下Medium的寡淡阴影，去掉了多余的分享和作者页尾，首页放宽了页宽，而内页反而收窄。添上了ghost新版本的一些新的功能性类名，还有删去了看起来十分好看但加载明显延迟的网络字体，将fontawesome撤换成svg图标，重做了一下手机端的导航抽屉...不一而足，却也做了不少改动——这也使得原本计划的施工时间一拖再拖，终于在懒惰中沉沦，交出了一个半成品。

比如本来打算要自己重新绘制几个关键图标，最后则发现好久没画图标巨人提笔无形，最后用了satanor在iconfont上的neko里的三两个图标。本来打算精细计算字体层级，想设计规范一样好好规划一番，最终还是在时间耗尽后，仅仅只是微微调整了各个字号的层级。而这一切，都愈发背离曾经死扣细节的自己，但也并非没有所得，至少在整体性上有了更多的把握。

希望这个新主题，能伴随我的博客继续远行十载——毕竟到了2020年还在写独立博客的人真的不见几个了。或许这种休眠正是需要焕然一新的一个新的开始，而我也将其取名为pure，纯粹，回归初心，坚持前行。

BGM: If You Were Here / by NuwrayN

这段时间有几个朋友询问我博客的主题，其实就是Ghost默认主题Casper的修改。不过随着Casper以及这个grayliner的不断更新，两者只会越来越不像。

Casper对于移动端的支持已经很不错，但是新版Casper那夸张的首屏封面实在非我所爱。单单一个logo和足够清晰的标题以及文字，就可以是个人博客的全部。

目前对于默认 Casper 做了如下的修改：

• 移除了 Casper 默认的图标字体，转而用 fontawesome 替代。因为fontawesome提供更多的常用图标，比如新浪微博，dribbble，github。
• LENGTH 的单位统一使用rem。基准字体设置为20px，即125%，这是由于中文 chrome 最小字体限制12px的关系。
• 调整了部分字体和字体大小。
• 添加了Highlight(XCode style)代码高亮
• 新的Record page样式
• 添加了导航和移动端汉堡图标菜单

以后大概不会再做过多调整，但会跟上Ghost版本的功能更新(比如这次的作者页)。

Github：https://github.com/iifksp/grayliner

几乎每一次的windows系统的更新，都引领着某种设计潮流。Vista让千万网站披上了光彩亮丽的水晶，但现在人们很快觉得有些审美疲劳，于是这几年的设计风格一直在往扁平化方向发展，特别是google的各种UI——就连chrome的图标也被拍得如此之扁，以至于当windows 8即将发布的现在而言，我几乎已经完全习惯了色块在眼前漂浮...于是，即便我的主题iline已经足够简单，但我还是决定继续把它拍扁！结果，就是这个简单到我自己都惊讶的新主题，取名Skyliner。

网站成立3年，我也只用过3个主题。第一个是bito，950宽12号字，很精致的简约型主题。至今我还保存着当时(swordair_2010_08_20)的截图:

bito主题非常出色，但因为很窄，所以整个页面显得很长。直到后来自己写了第一个主题iline之前，都一直使用bito。

iline是我写的第一个主题，虽然之前还有一个试验品，不过自己的网站并没有用上。iline是慢慢磨出来的，断断续续写了半年有余，所以无论是结构还是代码质量都很不错。那时故意将其写成一个宽度以及字体可调的主题，在级联上花了很多心思。后来又加了很多JS丰富交互，力求让主题简约而不简单。和之前一样，我也保留了更换主题之前的截图：

现在，我去掉了一切可以去掉的东西：

• 没有CSS Hack！让IE6/IE7见鬼去吧
• 没有JS！一个区区个人博客要什么无聊功能，清晰的呈现内容才是根本
• 没有渐变！纯色和边框才是最扁的选择
• 好吧，我还是保留了几个阴影，虽然当年很迷恋万能的box-shadow，但如今，border才是的我菜

宽度自适应/字体调节/PPT模式等等，这些曾经附加上去的功能，Who cares？在iline的基础上，把没必要的都删完了。就成了这个skyliner，这也是我写过最简单的主题。当真这么简单化了，会发觉有种返璞归真的感觉，没有花哨的任何干扰，只留下略显苍白的图文在笨拙地试图表达着什么。而这，才是一个博客的灵魂。

自从尝试做了swordis主题之后，对wordpress的主题也有所认识。于是决定做一个自己的主题。并且这次和上次不同，是很认真地要做完的。名字还没有想好，但是目标很明确：

• 没有图片的纯CSS主题。意味着线条和空间是首要设计元素。
• 必须过XHTML1.1以及CSS3验证。CSS3阴影和变换等，由于有前缀，所以即使使用也会暂时注释掉。
• 通过主题单元测试( Theme Unit Test )。这是一组严酷的内容兼容性检测。
• 流体布局。右边栏，因为我调查下来，比起侧边栏在左面，似乎更多人习惯在右面。
• 弹性em值。
• 兼容所有主流浏览器，包括IE6在内。

这些天从睁开眼睛开始我就在思考怎么把这个新的主题写好。主要考虑的是线条和颜色，实际上和篆刻类似，如何把自己其他方面的知识应用进去，就是这次的主要问题。

最大的挑战应该还是来自IE6的，因为这次不能写违规的hack，也不能用IE的私有属性。其实早该如此，IE6虽然仍旧苟延残喘，但是终究会被历史的洪流冲走的，我坚信这IE8成为下一个IE6的时代的来临。

前端工作类似一道工艺，相同的设计，工艺不同，价值也会天差地远。

上次试作的主题，设计用了半天，HTML化也是半天，总共才一天时间，加上才第一次做主题，自然漏洞百出。虽然大的问题暂时也没有，但是代码级别差距很大。这次截然不同，纯CSS，没有设计直接写，但是style.css我已经写了2天有余，到现在也仅仅只是有一个框架。期间数易其稿，多次改动整个布局。

现在就是主题单元测试的内容，相当周到。有多层次的页面，有混合布局、超长、超短、甚至是无标题或者无内容的文章，也有超多分类、标签的极限测试，还有何种视频嵌入，总之是应有尽有。

这次着眼于快速、准确的CSS，同时也要关注可访问性。当前使用的主题(bito)是我非常喜欢的，但也有很多缺点。这次要尽可能级联样式，并尽可能利用默认UA样式。对于这种轻量化CSS编写，CSS Rest 显得多余所以没有用。把文本字体定为14px左右(0.88em)，这样看起来才不会累吧~虽然其实主流浏览器都支持缩放，但是似乎使用这种功能的人的比例并不多。

前天粗粗看了下prototype的源码，感受颇深。这个核心框架的很多JS写法，都给了我很多启发。所以这次也打算用写JS提升下体验，尽管自己不在行。

精炼的代码，无论是C，JS之流的语言，还是CSS、html这类非语言，都应如wordpress本身所倡导的那样“代码如诗”。我很期待着自己的这个主题，期待着自己也能创造行云流水的布局，期待着自己也能哼出一段蹩脚的小诗~

终于下决心挤个时间出来做个wordpress主题。但是即使做出来估计自己也不会用的囧。

用了半天时间出了个PSD设计稿，又用了半天时间HTML化。还好设计的时候就着眼于简单，所以虽然搞了一天有些头晕，但还算比较快。基于wp的default，总的来说除了comment以外的CSS都重写了。

当然，因为刚刚写好的关系，背景图还么有整合，CSS也没有优化，并且还有众多的bug。不过没关系，作为自己第一个wp主题，慢慢琢磨就行了~

已知的问题有：

• 虽然一开始写完测试环境是通过HTML5验证的，不过自己博客上的文章一加上就超多error。
• 只用IE6和chrome开发的，所以其他浏览器情况完全未知，尽管我都尽可能的按标准来。
• 颜色问题还值得推敲，排版也有很多要微调下。
• 还有好几个小图标在绘制中，所以标签、分类、评论前面现在都还是空的。
• 功能还不全，比如搜索、RSS，还没来得及赶上去。

现在先拿出来用几天，过些时候总结出一堆问题后就可以着手改进。目标版本0.5，基本实现功能完整~

22 December 2013 update: 过往的老主题，基本已经废弃，何况现在改成了Ghost，未来应该都不会再出Wordpress主题了。