Life Journal

随笔,及其他

我是 Xiao Xiao,在日本的产品经理,偶尔也写代码,iOS/Mac/Web,偶尔也做设计,爱用 Sketch,偶尔写文字,存在这里。


博客主题 LifePath 1.0 alpha

在11年底,我在JavaCafe里完成了Overpath的基本框架——也就是现在博客正在使用的这款主题。

Overpath是我第一次自己完全独立制作的主题。不过很遗憾,最终Overpath代码太臃肿,原本重点的pjax又很不稳定,并且由于没有很好的base css framework,整体代码质量都很差。即便视觉上看起来还过得去,内心里还是觉得惨不忍睹。

在Overpath发布之后,陆续有偶然访问的网友询问主题是否可以共享出来。虽然之前Overpath也有托管到Github,但因为处于早期状态,中间也有很多我自己博客的私用字体样式,所以终归是没法用的。

于是在五一期间,我抱着推倒重来的想法,开始了 新⦁博客主题:LifePath 的开发工作。

效果预览:http://playground.xiaolife.com/wordpress/

这是一个全新的基于Reverie/Zurb Foundation的Wordpress博客主题。虽然乍一看外观貌似和Overpath差不多,但由于基础框架的不同,LifePath从一开始就对移动设备有非常好的支持,对新特性的支持也比较到位。

Done Feature:

  • 为仍在beta中的Wordpress 3.6构建,支持创建各类日志格式(http://en.support.wordpress.com/posts/post-formats/),并为每种格式的日志都设计了单独的展示样式。
  • Overpath风格评论区,自动记忆上次输入的评论身份并显示头像。
  • 通过Web font支持emoji(绘文字)的输入与显示,并兼容各系统原生的emoji字体。
  • 滚动至底部自动加载下一页,并有tumblr风格的加载动画(非菊花)
  • 支持设置custom header,可以上传自定义的logo图与设置文本颜色。

To Do Feature:

  • Overpath风格的评论区域
  • Overpath风格的隐藏侧边栏
  • 滚动到底部时自动加载下一页,并随着滚动,修改浏览器地址。
  • 针对MediaElement.js的video/audio优化
  • 主题的logo image设置
  • 动画效果

Required/Suggest Plugin:

  • Typekit Fonts,好的字体是好的开始。demo站点使用的正文字体是kandal,标题字体是coquette。

Known Bugs:

  • 在iOS safari下,background:cover fixed;不正常。解决方法不明。Solved

Update: 这份主题原本是依赖于Wordpress 3.6的Posts format API制作的,但非常不幸的是,Wordpress团队决定从3.6版本中把这个feature移除了,后续作为单独的插件提供。因此这个主题将无法按期发布。我会在插件发布后,再发布该主题。