FarBox 主题

主题已停止更新

我发现了一个很漂亮的FarBox主题,作者是一个专业的前端,做得很专业。

但是有一些小的瑕疵,我做了一些小的修改。

  • 文章列表页面图片的缩略图移到了标题下面靠右侧。这样每一篇文章的标题以及相关信息的显示都是一致的,无论是否包含图片。
  • 右侧SideBar中的新浪微博版块使用了一个iframe,高度改到500。
  • Tag List中的显示过于拥挤,现在改成每个Tag一行,后面是这个Tag下文章的数目。
  • NavBar中的Photo指向的地址有错误,导致不能正常显示图片目录。
  • 修改了图片浏览的导航。
  • 修改了导航条样式、侧边栏样式。
  • 修改了文章页面样式。

期间了解了不少FarBox模板的机制,感谢 衣不如新 的作者。

代码我放在了这里

效果图


更新:

  • 2013-12-09
    • 使用Bootstrap和Bootswatch更新了导航的样式。
    • 在移动设备上隐藏侧边栏。
    • post-list中的图片不再显示为小的缩略图,也不再是链接。
    • 暂时去掉PHOTO页面,还没有修改好。
  • 2013-12-10
    • 将原先主题中的screen.css中剥离出Font Awesome和自定义部分。
    • 修改了文章内标题的大小和样式。
    • 把代码高亮的样式设置为Sublime Text上的Monokai
  • 2013-12-17
    • 去除了原有的布局,完全采用Bootstrap的栅格机制。
    • 修改了导航条,改为Fixed,半透明。
    • 加上了PHOTO链接。万一有人想不开要用我的模板,请记得把照片放在Dropbox中md文件同级的photo文件夹下。
    • ARCHIVE页面中的外部链接不再指向post页面。
  • 2014-04-24
    • 增加了instagram配置。
    • 添加了404页面。
  • 2014-08-02
    • 去掉了侧边栏,调整了文章页面宽度。添加配置项 hide_sider。
给鸡排饭加个蛋