惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
量子位
Y
Y Combinator Blog
大猫的无限游戏
大猫的无限游戏
B
Blog
U
Unit 42
C
Check Point Blog
I
InfoQ
aimingoo的专栏
aimingoo的专栏
雷峰网
雷峰网
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 【当耐特】
人人都是产品经理
人人都是产品经理
The Cloudflare Blog
H
Help Net Security
MongoDB | Blog
MongoDB | Blog
博客园 - Franky
H
Hackread – Cybersecurity News, Data Breaches, AI and More
J
Java Code Geeks
Microsoft Azure Blog
Microsoft Azure Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
云风的 BLOG
云风的 BLOG
宝玉的分享
宝玉的分享
爱范儿
爱范儿

飞絮落叶雪 - typecho

Typecho 几个小插件分享 Tpyecho 集成 Artalk 折腾小记 独立博客自省问卷15题 您的邮箱被管理员屏蔽无法评论 typecho CMS主题下载 垃圾站复活记 修改typecho的md解析器支持脚注 typecho显示exif信息 整了一个typecho归档页面
给博客添加几个小功能
Mr.He · 2017-10-17 · via 飞絮落叶雪 - typecho

老何又在折腾博客啦。

作为一名代码盲(大约相当于读了1年书的文盲),还老喜欢折腾博客,好在有强大的搜索引擎,能基本实现自己需要的功能,感谢这些分享的朋友,老何把这两个方法放在一起,算是搬运与整合吧。

添加字数统计与阅读时间提示

这个功能也是在@Fooleap博客上看到的,怕人家烦,不好意思问,囧。

搜索的过程令人抓狂,一时不知道用什么关键词好,思路很简单;先统计文章字数,然后除以350(一般阅读速度),开始找到了统计字数的方法,却不知道怎么计算,对照教程怎么也弄不过来,索性另寻出路。

实现的方法比较特别,字数统计与阅读时间计算是用不同的方法计算字数的,比较搞笑。

1、统计文章字数:

不用函数,直接在需要显示的字数的地方加上以下代码1即可:

本文共<?php echo (string)mb_strlen(str_replace(PHP_EOL,'',strip_tags($this->content)),'utf-8'); ?>字

2、估计阅读文字需要的时间2。在foot.php文件中插入如下代码

    <script type="text/javascript">  
    $(document).ready(function() {   
    var read_time=$('#content').text().length; //获取文章内容并计算字数   
    var read_time=read_time/400; //计算阅读时间   
    var read_time=Math.round(read_time); //四舍五入   
    if(read_time>1){   
    $('#read-time').html('预计阅读时间:'+read_time+'分钟');   
    }   
    else{   
    $('#read-time').html('预计阅读时间:1分钟');   
    }   
    })   
    </script>

然后在需要的地方调用<span id="read-time"></span>即可。这里需要注意的的是我特意给文章加了一个容器div id#content

效果见本文,不知道这两者统计出来的字数是不是一样的,有没有更好的方法实现?

参考资料