给各类网站/博客文章添加字数统计与预计阅读时间

😂 这篇文章最后更新于1508天前,您需要注意相关的内容是否还可用。

今日浏览别人博客时,看到别人博客每页都有字数统计与预计阅读时间,感觉有点用,只是其用PHP代码写的。也有Hexo网站的字数统计,但是是其自带的功能。于是用自己仅会的一点JS知识写个简单的文章字数统计与阅读时间预测。

//      获取当前页面URI
        var pathName = window.location.pathname;
// 		通过URL中特征字符串判断当前浏览是不是文章页
//              本站文章页URI含'post/''
		if (pathName.indexOf('post/') > -1) {
		  //  计算文章内容字符数
		  //    .article-content为本站文章内容div
		    var content_num=$(".article-content").text().replace(/\s/g, "").length;
		  //  计算阅读时间 很简单除以400取值就行了
		  //    400这个值可任意修改你觉得适合的
		    var content_min=Math.ceil(content_num/400);
		  //  追加到文章内容最前显示
            $('.article-content').prepend('<p class="putong">本文总共 <b>'+content_num+'</b> 字 · 阅读全文大约需要 <b>'+content_min+'</b> 分钟</p>');
		}

以上可部署在任意支持自定义HTML/JS的博客或网站上,只需更改上面css样式名即可。若获取不到值请将其放到onload或ready事件中即可。