基于博客园 SimpleMemory 皮肤的扩展美化插件

示例博客   ·   安装   ·   配置文档   ·   问题反馈

---

功能

• 自定义头像、头图、侧边栏导航、页脚和字体
• 文章目录、阅读进度、日夜模式
• 代码高亮、行号、复制和折叠
• 书单页、友链页、音乐播放器和背景动效
• 适配 PC、平板和手机

功能通过 window.cnblogsConfig 配置，具体见配置文档。

安装

需要先开通博客园 JS 权限，并将博客皮肤设为 SimpleMemory。

1. 从 Releases 选择版本。
2. 在后台勾选「禁用模板默认 CSS」，将该版本的 dist/simpleMemory.css 内容填入「页面定制 CSS 代码」。
3. 在「博客侧边栏公告」中添加 window.cnblogsConfig 配置，并引入同版本的 simpleMemory.js。

后台控件、代码高亮设置和脚本示例见安装教程。

升级时请同步更新 CSS 和 JavaScript，跨大版本升级请参考版本切换。

文档

• 配置项
• 书写规范 · 文章目录
• 书单页 · 友链页
• Loading · 钩子
• 更新历史

本地开发

环境：Node.js ≥ 20.9.0、npm。

# 安装依赖
npm ci

# 测试
npm test

# 构建，输出到 dist/
npm run build

# 启动资源服务，端口 3100
npm run server

调试时，将博客中的插件脚本地址替换为可访问的调试地址。修改源码后重新构建，再刷新博客。具体可参考调试开发。

反馈与贡献

有问题或建议可以提 Issue，也欢迎提交 Pull Request。反馈问题时请附上插件版本、浏览器、博客链接和复现步骤。

感谢参与项目的朋友：

特别感谢 wangyang0210。

查看 Star History

---

SimpleMemory © BNDong · MIT License

博客 · GitHub · Email