之前制作的BiliBili的博客主题得到了很多园友的肯定,不过在代码上存在混乱,而我这个人有严重的洁癖,于是又重新整理了一遍,并且在整理过程中,产生了一些新的想法,于是就有了现在的这个版本,暂且叫
Bili2.0
吧~,一起跟我来看看这款主题有哪些特色。
主题特色
- 响应式布局(自适应<360px、<767px的不同尺寸屏幕)。
- 首页全屏背景logo,个性定制。
- 首页公告消息。
- 首页轮播,支持定义不同数量的banner。
- 页脚返回顶部按钮。
- 博客正文为Github风格Markdown。
- 博客底部支持博主微信二维码。
- 博客评论板块调整为发表评论在上,评论列表在下,且评论顺序为倒序,便于查看。
- 支持博客评论带头像。
- 博客正文导航目录。
- 支持切换夜间模式,且自动提醒切换夜间模式。
- 支持导航栏扩展。
- 支持设置博客Tab图标。
- 支持博客代码块复制。
- 博客正文功能微调:表格宽度自适应、链接新窗口打开。
- 支持在博客内部运行脚本(该功能不稳定)。
- 支持自定义Markdown语法(正在探索)
- 更多功能细节,使用后进一步了解。
主题截图
适配方法
根据博客园后台控制的四个输入框,给出了对应的填充内容,按照提示操作即可。主题包括以下几个文件:
- js备份.js(用来备份主题功能函数,建议将此文件重命名,存入博客园后台文件,并修改页脚代码,调用它)
- 页面定制 CSS 代码.css
- 博客侧边栏公告(支持HTML代码) (支持 JS 代码).html
- 页首 HTML 代码.html
- 页脚 HTML 代码.html
版本更新
更新时间 | 更新内容 | 下载链接 |
---|---|---|
2020.01.04 | 2.0版本正式上线 | 下载 |