ReadingBar - 专为沉浸式阅读而生的多功能工具栏

大家好！第一次发帖到佬的论坛，多多关照哈哈~

你是否希望在不牺牲网站性能的前提下，为你的读者提供一个更现代化、更具沉浸感的阅读体验？

今天，我为大家带来一款经过精心打磨的Typecho插件ReadingBar。它是一个轻量级、零配置、功能强大的前端增强工具，旨在让每一次阅读都成为一种享受。

 ✨ ReadingBar 核心功能

ReadingBar会在文章和独立页面顶部，当用户向下滚动时，平滑地滑出一个极简的工具栏，集成了以下四大核心功能：

1. 实时阅读进度条

    在工具栏底部，会有一条纤细的进度条，实时、精准地反映当前页面的阅读进度，让读者对自己的阅读进程一目了然。

2. 预估阅读时间

    工具栏左侧会自动计算并显示文章的预估阅读时间，帮助读者在阅读前建立心理预期。

3. 无级字体缩放

    提供 `A+` / `A-` 按钮，允许读者根据自己的偏好自由调整文章区域的字体大小。设置会自动保存在用户的浏览器中，下次访问依然生效。

4. 平滑昼夜模式切换

    提供一个带自定义图标的昼夜模式切换按钮。通过CSS滤镜实现，性能极高，并且能够与你的网站图标风格完美统一。同样，用户的偏好也会被自动记忆。

 

💖 为什么你会爱上 ReadingBar？

沉浸式体验：工具栏仅在需要时出现，阅读时自动隐藏，将干扰降至最低。

用户至上：字体大小和昼夜模式等个性化设置都会被浏览器记住，尊重每一位读者的阅读习惯。

极致性能：纯原生JavaScript编写，无任何jQuery等第三方库依赖，体积小巧，对你的网站加载速度影响微乎其乎。

零配置，即插即用：你只需在后台启用插件，无需进行任何繁琐的设置，一切即可完美工作。

高度兼容：通过最现代、最稳健的技术方案实现，能兼容绝大多数遵循标准开发规范的Typecho主题。

 

📸 效果截图

 

 🚀 安装与启用

安装过程极其简单，只需三步：

1. 下载插件: 下载插件的 `zip` 压缩包。

2. 上传插件: 将下载的压缩包解压，确保文件夹名称为 `ReadingBar`，然后将整个 `ReadingBar` 文件夹上传到你Typecho网站的 `/usr/plugins/` 目录下。

3. 启用插件: 登录你的Typecho后台，进入“控制台” -> “插件”，找到“ReadingBar”并点击“启用”即可。

 

🎨 自定义你的昼夜切换图标

插件默认提供了一个图标，但你可以轻松地将其替换为你自己的设计！

只需将你自己的图标文件（建议为24x24像素的透明背景 `png` 或 `svg` 文件）命名为 `ry.png`，然后替换掉插件目录 `/usr/plugins/ReadingBar/assets/`下的同名文件即可。

 

 📥 插件下载

当前版本: v1.0

下载地址：https://lilog.cn/app/ReadingBar.zip

 

希望这款插件能为你的博客增添一份独特的光彩，为你的读者带来更愉悦的阅读时光。

如果你在使用过程中遇到任何问题，或有任何功能建议，欢迎在此帖下留言交流！