写Emlog博客的站长,八成有过这种体验:写文章写到一半,不知道自己写了多少字;读者点进来,不知道这篇要花多久读完。Emlog原生编辑器连个字数统计都没有,前台也没阅读时长——这就是cnlm_article_stats要解决的事。
一、它是什么?
cnlm_article_stats 是Emlog Pro的「文章读写统计」插件,作者落寞,博客 https://www.cnlog.cc/。

一个插件,解决两个核心场景的痛点:
- 后台写文时:编辑器右下角自动弹出可拖拽的统计面板,实时显示总字数、汉字数、段落数、英文字数,还能设目标字数进度条;
- 前台阅读时:文章顶部/底部自动插入阅读时长徽章,顶部悬浮阅读进度条随滚动实时更新。
二、核心功能拆解
1. 后台编辑页实时统计
- 统计项可自由开关:总字数(含标点)、汉字数(不含标点)、段落数、英文字数;
- 目标字数进度条:比如设1500字,到100%时进度条自动从绿变蓝;
- 统计面板可拖拽、可收起,默认在编辑框右下角,完全不挡正文。
2. 前台阅读时长徽章
- 自动计算文章纯文本字数,按自定义阅读速度(默认300字/分钟)算时长;
- 分钟数≥30时显示「约XX分钟阅读」,≤1时显示「1分钟读完」;
- 三种样式可选:纯文字、带时钟图标、胶囊渐变徽章;
- 显示位置可选:顶部、底部、都显示,可同步输出「共XX字」。
3. 前台悬浮阅读进度条
- 默认固定在页面顶部,随滚动实时更新百分比;
- 支持自定义颜色、高度,可选位置:顶部悬浮、文章顶部、文章底部;
- 纯原生JS实现,不依赖任何前端库。
三、轻量到什么程度?四个「零」
- 零依赖:不引jQuery、不引Bootstrap,纯原生JS+CSS;
- 零侵入:只挂载Emlog原生钩子(adm_footer、article_content_echo、index_footer),禁用即消失;
- 零数据表:配置走EmlogStorage机制,不新建任何数据库表;
- 零强制:所有功能可独立开关,不想用哪个关哪个。
四、装上要多久?三步搞定
- 把cnlm_article_stats整个目录丢进content/plugins/;
- 后台「插件」列表找到「文章读写统计」,点启用;
- 进设置页调整参数(阅读速度、徽章样式、进度条颜色等),保存。
刷新前台——文章顶部多了胶囊徽章,顶部多了细进度条;打开后台编辑器——右下角自动弹统计面板。完事。
五、插件信息卡
| 插件名称 | 文章读写统计 |
|---|---|
| 插件代号 | cnlm_article_stats |
| 当前版本 | v1.0.0 |
| 作者 | 落寞 |
| 作者网站 | https://www.cnlog.cc/ |
| 适用程序 | Emlog Pro |
| 推荐PHP | 7.4+ ~ 8.3+ |
| 核心钩子 | adm_footer、article_content_echo、index_footer |
| 侵入内核 | 否(完全遵循Emlog插件规范) |
六、关于作者
cnlm_前缀是落寞的一贯命名规范——此前已发布cnlm_side_clock(侧边悬浮时钟日历)、cnlm_seo_master(SEO大师)、cnlm_auto_cover(自动封面)等多款Emlog插件,风格统一:轻量、规范、可配置、不侵入内核。
关注作者博客 https://www.cnlog.cc/,挖掘更多Emlog实用组件。
写博客这件事,细节到位了,体验就不会差。

暂无评论,快来抢沙发~