This repository has been archived by the owner. It is now read-only.
farbox template
HTML CSS JavaScript CoffeeScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
template
README.md

README.md

重要提醒:停止更新

可乐橙的博客已经搬迁到Bitcron,那是Farbox作者的新作,这套模板应该不会有功能上的更新了。不过,我把这套模板也迁移到了Bitcron里,依然开源,欢迎取用。

可乐橙的Farbox博客模版源码

可乐橙要提醒一下,这是Farbox模板,它不能用在wordpress或其他博客系统中。

老实说这不是个多么灵活的模板,没有自定义背景图,没有自定义主题颜色,而且多数内容都是静态的,基本是按照可乐橙自己的需求定制的。

但是我相信,既然你有兴趣采用Farbox这套博客系统,一定是个热爱钻研之人,水平一定在我之上,将它改造成你的专属模版一定不在话下。

注:还可以在此下载相关设计资源,请随意取用,希望你喜欢。

实际效果请参考colachan.com

FAQ

首页首屏中央的文字要怎么改?

这里由于用了特殊字体,所以我做成图片了。在开发人员工具里可以看到有张背景图slogen.png。所以,要改掉这里文字,有两个办法:

  1. 自己做一张新的slogen.png,把url替换掉。
  2. 去掉背景图,改用浏览器支持的字体实现。

主导航的菜单项如何修改?

在include文件夹下的header.jade里,都是静态的,需要手工修改。

日志分类如何实现?

在Dropbox对应的网站目录下新建文件夹,用分类名来命名(生活、相册、设计等等),把相应文章放进去就可以了。

日志分类页面的图片在哪里换?

这个页面比较特殊,我为了方便实现图片hover缩放的效果,把几张图片都作为背景图写在css里了,写在span标签上,在样式文件中可以找到。

为什么多说评论出不来?

为了保证多说评论组件的可靠性,也为了方便我自己管理多说文章唯一key,可乐橙把多处评论相关代码都写死了。post.jade里的部分控制所有文章的评论,几个特殊页面的评论分别写在对应的.jade文件里。由于我在多说里给自己的域名加了白名单,所以在你的域名下调用会报错,改成你自己的多说账号信息就可以了。