Giter Club home page Giter Club logo

farbox-colachan's Introduction

##可乐橙的farbox博客模版源码

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

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

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

注:项目中也包含设计稿(PSD),请随意取用,希望你喜欢。设计稿在design分支中。

实际效果请参考colachan.com

##FAQ

###首页首屏**的文字要怎么改?

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

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

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

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

###日志分类如何实现?

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

###图片和字体文件都去哪了?

我出于速度考虑,把图片和字体全都放到第三方的云存储上面了。如果你想把图片放在自己的站点里,可以在template目录下建立文件夹,把图片和字体放进去,改一下css样式中的url就可以了。

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

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

###为什么在官网填了多说id,评论功能还是没有生效?

要去模版的include文件夹里找到comments.jade,其中有一处我写死成我自己域名colachan.com了,这是为了方便我自己管理多说文章唯一key,改成你自己的就好了。

farbox-colachan's People

Contributors

netcookies avatar

Watchers

James Cloos avatar number1020 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.