× 1,027字 × 150阅

Bitcron 主题「它布」

终于到来了,设计的瓶颈!写第一个主题用了一两个月,主要是技术和上班的原因。基本突破了技术壁垒之后,第二个主题试着写了全功能,设计查克拉爆棚的我甚至搞出了五种配色。到第三个主题,因为功能简单,就像打了大 BOSS 又回去打小怪一样,灵感一来随手一挥就大功告成,只用了一天时间。而写这第四个主题的时候,技术上虽然也有突破,但比起它,在设计上的疲软霸占了我所有注意力。我用一个上午写好了基本框架,然后赫然发现不知道怎么写样式。接着思考了一个下午,中间还打了个盹,吃完晚饭总算有点想法,强打精神开始试错。不停调试到第二天下午,才算勉强看得过去。不过我的耐心已经被消磨得差不多了,我需要新鲜血液!

Bitcron 主题「它布」
「它布」是一个浓缩的 Bitcron 主题

为什么叫「它布」

因为整个主题的中心思想就是用 Bicron 的 tab 功能囊括所有内容。这个想法蛮早就有,最近才有能力实现出来。顺其自然地,Tab 便成为这个主题的英文名。想中文名的时候,我的第一反应是 Chrome 上的 tab,没错,标签页。这么土的名字我是不会用的。谷歌了一圈,有人说台湾翻译成“分页”,这还看得过去。昨天突然灵机一动,干脆就取音译吧,于是「它布」诞生了。刚开始想到的汉字是“他布”,后来觉得“他”特指人,对于一个博客主题来说太温情了,更何况主打功能那么 tricky,遂换成了“它”。笔画更少,看着也简单,还挺满意。

特点

  • 菜单使用 tab 实现同页面内切换
  • 文章根据页面滚动自动加载
  • 拥有分类、标签、搜索功能和社交按钮
  • 归档页面展示最近一年的所有文章,其他文章点击年份展开
  • 美化评论框
  • 主题只有三个文件
  • 字体更大更细,易于阅读(特别在手机上,参照了苹果的 Reader Mode 样式)

注意:菜单 tab 写死了,只有 博客分类归档搜索标签 位于分类 tab 中。所以在后台更改 Navigation 也无法生效。

在线预览

demo.shuiba.co

安装配置

  1. 下载:从 GitHub 下载对应 template 文件夹,解压后放入根目录中;
  2. 网站标题:Dashboard → Site → Title / Sub Title
  3. 社交按钮:Dashboard → Common → Social ID
  4. 评论嵌套:Dashboard → Render → Comments Type: tree
  5. 评论显示 Gravatar 头像:Dashboard → Render → Use Gravatar for Visitors: Yes
  6. 优化加载速度:Dashboard → Render → Cache Strategy: Fast。文章较多的网站,请不要选择 No,会影响网站速度。

付费购买

主题「它布」的定价为¥60。购买前请先确认版权声明,如果购买则默认同意此声明。

支付宝二维码
支付宝二维码

更新日志

  • 2017-07-26
    • 发布主题
  • 2017-07-27
    • 修改顶部边距
    • 优化图片样式
  • 2017-07-31
    • 页脚网站名称添加关于页面链接
  • 2017-10-10
    • 修正网站标题样式
    • 优化表格样式
    • 添加代码高亮
  • 2017-10-21
    • 页脚网站名称的关于页面链接改为网站链接

更多主题

Bitcron 主题

彩蛋

screenshot 历史
Screenshot 历史:没灵感的时候只能 keep doing
2017年7月24日 周一 多云 写了第三个 Bitcron 主题:「日记」 个人博客更换主题「日记」并做相应适配:原主题只适合写日记,但因为太简洁就动了心。原来甩开 reset.css 使用默认浏览器样式也不错,很开心看到自己的“简化”端倪。 2017年7月25日 周二 多云 完善「日记」主题:修改以前的文档日期会改变,所以最好还是得写一行 date: yyyy-mm-dd,时刻写不写都行。 完善「庸」主题:修正搜索框颜色 补间隔年日记 用 Sublime 把文章里的空 <figcaption> 全删了:查了,可以没有。为了主题制作上的便利,多余的代码还是少写为妙。 写了第四个 Bitcron 主题:实现了想要的全站 Tab 效果。还融合了自动加载文章和归档页的按照年份 toggle 的夙愿!又攻下一城!结果在设计上没了灵感。因此还在最终调整中,明天应该就能放出来。 Github 上把 Bitcron 主题做了个合集觉得没必要又删了 思考要不要在网上写日记:太喜欢「日记」主题及其背后的想法,特别是输入网址就能看到某天日记的操作,真是......
点击加载Disqus评论