463 字
2 分钟
【教程】给HandSome添加预计文章阅读时间
2024-09-27
AI智能总结:
这篇文章介绍了如何在Typecho博客中添加文章阅读时间的功能。提供了适用于handsome主题的代码示例及其添加位置,同时也说明了如何在其他主题中应用。通过这些修改,博客的用户体验将得到提升。
前言
::aru:unhappy:: 其实预计时长这个东西我早就用上了,刚看到好像网上没有类似的教程。但属实是没活硬整了,明明当时博客想做的方向就是生活类的,等我想想我还能更点儿啥吧
正文
虽然说是handsome主题,不过这个方法其实是通用的,任何的typecho主题都可以添加。 ::aru:cheer::
但是我适配了主题外观,所以handsome看起来更加整洁一点,我们先来看下效果 ::aru:cheer::

老规矩,先上代码 ::aru:shy2:: handsome主题在functions_mine.php添加下面代码,其他主题在functions.php内添加代码 ::aru:cheer:: 这一段代码是我在网上收集来的,不知道原作者是谁,感谢大佬的付出
//文章阅读时间统计function art_time ($cid){ $db=Typecho_Db::get (); $rs=$db->fetchRow ($db->select ('table.contents.text')->from ('table.contents')->where ('table.contents.cid=?',$cid)->order ('table.contents.cid',Typecho_Db::SORT_ASC)->limit (1)); $text = preg_replace("/[^\x{4e00}-\x{9fa5}]/u", "", $rs['text']); $text_word = mb_strlen($text,'utf-8'); echo ceil($text_word / 400);}::aru:thumb:: 第二段代码我们放到文章页的文件里,handsome主题是post.php,其他主题自行找到所需添加的地方。
::aru:smile:: 这一部分代码是我自己改的,兼容了handsome主题的图标外观,更好看一些
::aru:thumb:: 我把这段代码加到了文字数量和分类的中间,大家可以按照自己的喜欢添加自己喜欢的位置。
<!--阅读时长--> <li class="meta-word"><span class="post-icons"><i data-feather="watch"></i></span><span class="meta-value"><?php _me('阅读需要'); ?><?php echo art_time($this->cid); ?><?php _me('分钟'); ?></span></li>总结
主题越来越完善了有没有 ::aru:cheer::
【教程】给HandSome添加预计文章阅读时间
https://fuwari.vercel.app/posts/教程给handsome添加预计文章阅读时间/