当前位置: 首页 > 生活记录 > 正文

给博客添加几个小功能

老何又在折腾博客啦。

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

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

参考资料

您可能还会对这些文章感兴趣!

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

Gravatar

? razz sad evil ! smile oops grin eek shock ??? cool lol mad twisted roll wink idea arrow neutral cry mrgreen

《给博客添加几个小功能》有 22 条评论

  1. 宇宙湾
    9楼

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

    2019-05-02 00:43 来自浙江省 回复
  2. 皮皮
    8楼
    皮皮1

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

    2017-11-13 21:48 来自香港 回复
    • Mr.He
      Mr.He

      @皮皮几行代码完成,确实很简单。有些wp主题集成了此项功能。

      2017-11-13 22:02 来自安徽省 回复
      • 皮皮
        皮皮1

        @Mr.He不过我在自己的网站试过无论多少字的文章都只显示一分钟,看来要花点时间研究了。

        2017-11-13 22:44 来自香港 回复
        • Mr.He
          Mr.He

          @皮皮你把代码里的#content改成.post-content就能正常显示了。

          2017-11-14 08:05 来自安徽省 回复
          • 皮皮
            皮皮1

            @Mr.He真的可以了,没注意到主题的参数。感谢!

            2017-11-14 10:59 来自香港
          • Mr.He
            Mr.He

            @皮皮不客气,欢迎常来。

            2017-11-14 11:07 来自安徽省
  3. 明月登楼学习笔记
    7楼

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

    2017-11-13 15:36 来自河南省 回复
  4. 山野愚人居
    6楼

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

    2017-11-01 23:32 来自塔吉克斯坦 回复
  5. devoted
    5楼

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

    2017-10-28 00:11 来自河北省 回复
    • Mr.He
      Mr.He

      @devoted看起来逼格高一点,其实也没什么卵用

      2017-10-29 16:01 来自安徽省 回复
  6. 灰狼
    4楼
    灰狼5

    但是不会记录cookies

    2017-10-25 13:39 来自广东省 回复
    • Mr.He
      Mr.He

      @灰狼这个评论框是套用过来的,不记录cookies.也不会弄。

      2017-10-25 14:56 来自安徽省 回复
  7. fooleap
    地板

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

    2017-10-18 13:18 来自广东省 回复
    • Mr.He
      Mr.He

      @fooleap年龄大了,接收新知识能力退步不少

      2017-10-18 23:24 来自安徽省 回复
  8. 小萝博客
    板凳

    不折腾不舒服

    2017-10-17 19:20 来自江西省 回复
  9. 老杨
    沙发
    老杨5

    这是折腾的乐趣,哈哈。

    2017-10-17 17:14 来自广东省 回复