Bitcron主题「淡泊」
前阵子又想换主题了,便上网看设计找灵感,最终敲定了大字体的文章列表,配上动态的滑动效果,这也成为了这个主题的最大特色。设计内页的时候采用最简单的单栏排版,大屏下固定了TOC让浏览变得更顺手,同时进一步优化了上一个主题「黑白」中非常喜欢的各种内容设计,统一了风格,可以说在设计上是一个完整度很高的主题了。
得益于LS Graphics提供的免费素材,效果图的B格拔高了不少,却反而显得主题丑了许多,再次意识到我的能力还远远赶不上我的审美,扎心。但转念一想,审美也不是那么容易培养的,也是靠日积月累形成的,便又舒心了许多。
起初想不到好名字,觉得主题色调很淡,文件数也少,用英文单词light似乎挺概括的。后因想不到对应的中文名而决定只用英文名称。之后机缘巧合下想到「淡泊」这个词,很喜欢词义且跟light也算有所呼应,这才有了中文名。另外感谢catbaron的脑洞——疯狂的删除线,非常喜欢,所以采纳为官方小名!
特点和注意
- 白底黑字的简约设计
- 鼠标悬停大字标题时顺滑的删除线
- 文章内页的最大宽度为600px,适合阅读
- 大屏下(>800px)图片会被放大至约800px宽度,饱览更多细节
- 自定义菜单
- 顶部固定菜单栏(包含搜索框、自定义菜单、网站头像)
- 嵌套评论优化(超美!欢迎使用手机测试)
- TOC响应式优化
- 支持「分类」和「标签」
- 文章内页的「继续阅读」可按照「分类」或「标签」推荐文章
- 文章设置关闭评论时的样式优化(参考文章)
- 文章设置为页面时不载入「继续阅读」文章列表(参考文章)
- 「归档」页面包含所有分类、所有标签及所有文章年份(参考文章)
- 若使用Disqus请参考「Click to load Disqus」
在线预览
安装配置
- 下载:从GitHub下载对应的template文件夹,放入根目录
- 二级标题:Dashboard → Site → Sub Title
- 显示TOC:Dashboard → Common → Show TOC: Yes
- 自定义菜单:Dashboard → Navigation
- 评论嵌套:Dashboard → Render → Comments Type: tree
- 评论显示Gravatar头像:Dashboard → Render → Use Gravatar for Visitors: Yes
- 网站头像:Dashboard → Images → Avatar
- 「继续阅读」参考源:默认按照「分类」进行推荐,若想改为「标签」,可在
post.jade
里修改(参考文章) - 图片缩放比例:在
style.scss
里搜索scale
,修改括号里的数字,比如放大3倍是transform: scale(3);
付费购买
主题「淡泊」的定价为¥60。购买前请先确认版权声明,如果购买则默认同意此声明。
更新日志
- 2017-10-24
- 发布主题
- 2017-10-25
- 大屏下
<figure>
标签内的图片悬停放大1.33倍(≈800px)
- 大屏下
- 2017-10-28
- 解决TOC过长溢出问题
- 2017-10-29
- 大屏下图片悬停放大应用于所有文章内图片
- 2017-10-31
- 修改滚动条样式
- 微调「返回顶部」按钮样式
- 2017-11-01
- 进一步优化嵌套评论样式,并更好地适配小屏幕
- 2017-11-15
- 添加归档页面,集合了所有分类、所有标签以及所有文章年份
- 2017-11-16
- 优化代码,使得获取文章年份不用遍历所有文章
- 2017-11-24
- 修正评论框样式
- 2017-12-14
- 修正无分类无标签文章的排版
- 修正文章中的一级标题样式
- 2017-12-18
- 修正评论样式Bug
更多主题