greenzorro / bitcron-colachan

Bitcron blog theme.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bitcron博客主题源码

效果如下,完整样式可以预览Huburt的博客 https://www.hubertwang.me/

要提醒一下,这是 Bitcron 主题,它不能用在 wordpress 或其他博客系统中。

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

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

深色版

深色版的设计很用心,文字的颜色柔和,利于阅读。

隆重感谢 Hubert,在此基础上创造了深色版,一并提交上来了。浅色版与深色版在同一套主题内,不是两套主题。这深色版不简单,不只是改改颜色而已。它能跟随系统的颜色模式(比如 Mac 与 iOS)变化而改变,如果你的访客设置了深浅模式自动切换,那么 Ta 在看你博客时也能无缝衔接!

可以看到甚至对图片做了处理,在深色模式下图片有反色效果。截图来自iPad。

FAQ

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

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

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

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

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

日志分类如何实现?

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

About

Bitcron blog theme.

License:GNU Affero General Public License v3.0


Languages

Language:Pug 54.8%Language:SCSS 32.6%Language:CoffeeScript 5.5%Language:JavaScript 5.0%Language:CSS 2.1%