Bitcron主题「界」
转眼坡坡快四个月了，逐渐摸清她的脾性，也挤出了一点自己的时间。在产后最难熬的日子里，能写写博客实在是太好的解压方式。虽然这么多那么多事等着我去做，但还是毫不犹豫地在灵感光临时决定把它实现。新主题写出来之后，获得了前所未有的愉悦。这大概就是困难程度与成功后的喜悦程度成正比的魔力吧。
这是我制作的第十一个Bitcron主题，算是个新的开始。正好我的人生也走上了新阶段，冥冥之中的相互呼应（其实只是带娃太累想做点喜欢的事）。也因为生活出现了翻天覆地的变化，这个主题写了好久，多是利用坡坡睡觉的碎片时间在肝进度（甚至写这篇文章的时候），但不论如何能够写出来，真的令我十分欣慰。
效果图模板来自Nick Herasimenka的Dribbble——Free White Devices Mockups - Sketch & PSD，因为想要white clay样式，所以找了很久，很感谢作者的设计。我在原来的基础上将iPad Pro更新至2018年新款样式，感觉挺不错的。
特别之处
其实刚开始的设计稿不是这样的，因为写成网页后总觉得不够，而我这人又总是边写边改，试了好几种效果最终形成了现在的样子。当菜单栏被白色边框围住时，我内心一个响指——就是它了！
而首页的灵感来自于之前的主题「卡片」的归档页面。当时就很满意这个设计，就想着有朝一日要单独写成一个主题。没想到实现得超快，符合我快刀斩乱麻的风格（因为如果不够快的话会被拖延症拖成永无止境的待定状态）。其实在至今设计的主题中出现过很多喜欢的部分，比如主题「方」的文章页面，还有现在这个主题底部栏的分类和标签的展示方式。说不定哪天又会衍生出新主题，而新主题中的新设计又会再生出更新的主题，“子子孙孙无穷匮也”。
话归正题，这个主题仍是我一贯的简约风。（不知道你们发现了没有，我总是复杂主题和简单主题交替着写。）
- 简约设计，清爽体验
- 首页显示最新一篇文章简介（如果文章包含图片会显示缩略图）和其他文章列表
- 分类和标签不设单独页面，而是写在底部栏中，方便查看
- 分类、标签、归档和搜索结果页面设计统一，显示各项目下的文章总数
- 整体设计具有一致感，优化了引用、代码块、图片等的展示方式
- 优化了评论样式
- 文章页面功能齐全，显示文章字数、发布日期、所在分类和标签、阅读数和评论数、上一篇下一篇文章导航
- 社交账号、文章总数和总字数、版权信息可在网页底部获知
在线预览
因为Demo站要考虑各个主题的兼容，所以无法呈现最佳效果，故而我另外开设了一个网站sbc.bitcron.com来测试最新主题。如果我还没有开始制作下一个主题，来这个网站体验应该更直观些。不过根据Bitcron主创的消息，今年可能会推进一个新版本，使得一个模板对应一个ID，不论从设计者的角度还是使用者的角度来说，大概会更人性化一些。期待新版本。
付费购买
主题「界」的定价为¥80。购买前请先确认版权声明，如果购买则默认同意此声明。
安装配置
若想要试用或已经购买了该主题，请访问我的GitHub选择该主题文件夹，下载template文件夹放入根目录中。
Bitcron后台设置
- 二级标题：Dashboard → Site → Sub Title
- 各分类和各标签页面下的每页文章数：Dashboard → Common → Posts Per Page
- 显示TOC：Dashboard → Common → Show TOC: Yes
- 社交账号：Dashboard → Common →Social ID
- 评论嵌套：Dashboard → Render → Comments Type: tree
- 评论显示Gravatar头像：Dashboard → Render → Use Gravatar for Visitors: Yes
- 自定义导航：Dashboard → Navigation
- 博主名称：Dashboard → Advanced → Admin Name（显示在网页底部的版权声明部分。如果此处留空，则采用网站名称。）
- 网站头像/Apple touch icon：Dashboard → Images → Site Avatar
- 评论中的博主头像：Dashboard → Images → Admin Avatar
- 评论中的访客头像：Dashboard → Images → Visitor Avatar （后台未开启评论显示Gravatar、访客邮箱不对应Gravatar或Bitcron账号时显示）
自定义修改
首页文章数默认为六篇，除开第一篇展示缩略图和概要以外，剩下的五篇均以列表形式体现。如果想更改这个数字，请到index.jade文件中找到recent_posts = posts.get_recent(6)行，改掉括号内的6为相应的数字。比如想要首页显示十篇文章，可以改为recent_posts = posts.get_recent(10)。
文章内页只在允许评论的情况下显示评论数和评论框，因此如果想关闭某篇文章的评论，可以在meta部分写上comment: no。如果写上status: page 则表示此文章为页面，上一篇下一篇导航会被隐藏。
归档页面默认每页显示20篇文章，如果想要更改归档页的文章数，请在archive.jade中找到limit=20，把数字20改为每页想要显示的文章数即可。因为分类、标签和归档页面的设计是一致的，因此建议将在Bitcron后台设置的每页文章数和这里的limit=设为同样的数字，比如20。
经tag狂魔矩阵良提点，如果分类或标签数太多只想取前几个，可以在index.jade里搜索in posts.categories或in site.tags，在后面加上[:n]，其中n为想取的数字。比如取前十个标签，对应语法为for tag_name, tag_count in site.tags[:10]。
如果对更高阶的自定义有兴趣，可以尝试修改template文件夹中的style.scss以符合自己的习惯和审美。以下是利用SCSS特性设置的参数说明：
$font-size文字大小$line-height行间距$font-family字体$font-weight字重$word-color文字颜色$second-color第二种颜色：用于文本和链接之外的地方，比如引用、代码块、图片说明figcaption处$link-color链接颜色$hover-color鼠标悬停时的链接颜色$bg-color网站背景颜色$second-bg-color第二种背景颜色，用于页首页尾、引用、代码块、表格、TOC等处$max-width主体内容的最大宽度$transition动画速度$border边框，用于各个地方，是这个主题被叫做BORDER的灵魂所在
更新日志
- 2019-03-27
- 完成设计初稿
- 2019-04-23
- 发布主题
- 2019-04-24
- 修改「分类」「标签」「搜索」页面标题
- 2019-04-27
- 修正「分类」「标签」「搜索」页面标题过长时与文章数排列冲突问题
- 文章内页添加评论数
- 2019-05-05
- 修正文章列表标题悬停动画不一致问题
更多主题