博客园主题 🎨
又一个博客园主题 cnblogs-theme-blogure. 它使用 PetiteVue 和 PicoCSS. 喜欢的话可以帮个点 ⭐Star 么?
🚀 快速开始
确保博客园有 JS 权限, 没有可以申请博客园 JS 权限
- 基本设置 -> 博客皮肤 -> SimpleMemory
- 代码高亮 -> prismjs[完全支持]
- 页面定制 CSS 代码 -> ☑️禁用模板默认CSS -> source
- 页首 HTML 代码 -> source
- 页脚 HTML 代码 -> source
![](https://img2023.cnblogs.com/blog/2555898/202301/2555898-20230125091544737-873550203.png)
🤿 在线体验
✨ 功能特性
正文预览
没有预览的摘要将变得难以理解, 像下面这样.
![](https://img2023.cnblogs.com/blog/2555898/202301/2555898-20230125090439556-1919011365.png)
Blogure 支持将正文的一部分作为摘要展示在首页.
![](https://img2023.cnblogs.com/blog/2555898/202301/2555898-20230125085823725-58007998.png)
使用它很简单, 使用 HTML 元素 <* class="more"></*>
作为摘要, 推荐使用单标签 <br class="more">
.
![](https://img2023.cnblogs.com/blog/2555898/202301/2555898-20230125090748217-731072232.png)
暗黑模式
基于 picocss, 很方便可以调整主题风格为暗黑模式.
![](https://img2023.cnblogs.com/blog/2555898/202301/2555898-20230125091153868-1595652665.png)
实时目录 | 阅读进度
基于 tocbot, 很方便可以实时定位文章的目录, 同时对文章页面加入了顶部实时进度.
![](https://img2023.cnblogs.com/blog/2555898/202301/2555898-20230125091347325-1014449303.png)
代码高亮
博客园原生高亮 prismjs
支持.
![](https://img2023.cnblogs.com/blog/2555898/202301/2555898-20230125091451304-1135161972.png)
📦 项目依赖
🔨 构建流程
Linux
bash .merge
Windows
自行 wsl
, 按照 Linux
操作.
🎹 参与共建 | 二次开发
参与共建, 可以在 github-issues 中找到 help wanted
标签, 发起 PR.
二次开发, 基于 MIT
请自行 fork. 入门可以见提交日志或者开发小记.
📝 反馈
通过 github-issues 或者 主题说明 页面评论区.