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

推荐订阅源

博客园 - Franky
N
Netflix TechBlog - Medium
Google Online Security Blog
Google Online Security Blog
月光博客
月光博客
量子位
酷 壳 – CoolShell
酷 壳 – CoolShell
V
V2EX
腾讯CDC
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
M
MIT News - Artificial intelligence
Vercel News
Vercel News
The GitHub Blog
The GitHub Blog
Hugging Face - Blog
Hugging Face - Blog
博客园 - 【当耐特】
Apple Machine Learning Research
Apple Machine Learning Research
aimingoo的专栏
aimingoo的专栏
博客园 - 三生石上(FineUI控件)
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
MongoDB | Blog
MongoDB | Blog
H
Help Net Security
The Cloudflare Blog
Blog — PlanetScale
Blog — PlanetScale
F
Full Disclosure
G
Google Developers Blog
罗磊的独立博客
Jina AI
Jina AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Y
Y Combinator Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
J
Java Code Geeks
A
About on SuperTechFans
IT之家
IT之家
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
有赞技术团队
有赞技术团队
GbyAI
GbyAI
雷峰网
雷峰网
T
The Blog of Author Tim Ferriss
The Register - Security
The Register - Security
U
Unit 42
D
Docker
Martin Fowler
Martin Fowler
L
LINUX DO - 热门话题
NISL@THU
NISL@THU
阮一峰的网络日志
阮一峰的网络日志
C
Cybersecurity and Infrastructure Security Agency CISA
博客园_首页
Google DeepMind News
Google DeepMind News

飞絮落叶雪 - 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

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

参考资料