给博客添加几个小功能

老何又在折腾博客啦。

作为一名代码盲(大约相当于读了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

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

参考资料

评论栏

已有 22 条评论
宇宙湾匿名用户
宇宙湾

我的博客一直用的是 hexo next 主题,太折腾,过于花里胡哨了,最近也计划返璞归真 哈哈

皮皮匿名用户
皮皮

这些功能都用上了,没想到Typecho实现此功能比起Wodpress轻松更多,谢谢分享。

明月登楼学习笔记匿名用户
明月登楼学习笔记

呵呵,不错,多谢分享!有空可以研究一下下!

山野愚人居匿名用户
山野愚人居

两个功能可以一起用php搞定啊,根本不需要js,php的两个函数,一个统计字数,一个取整除法。

devoted匿名用户
devoted

写的很好,之前在hexo博客看到过,这次在博主网站看到真是受教了。

灰狼匿名用户
灰狼

但是不会记录cookies

fooleap匿名用户
fooleap

老何你需要学习一点 PHP,就用不着分开算了。
PS:不烦,倒是博客程序不同,我也不清楚 Typecho 的应该怎么写。

小萝博客匿名用户
小萝博客

不折腾不舒服

老杨匿名用户
老杨

这是折腾的乐趣,哈哈。