Typecho-handsome主题如何统计全站字数

简介: 在使用handsome主题的过程中,每篇文章都会自动进行字数的统计,但是如何才能统计出我们首页从开始到至今写的所有文章的字数之和呢?今天的教程告诉大家如何在Typecho-handsome主题中统计全站字数!

      在使用handsome主题的过程中,每篇文章都会自动进行字数的统计,但是如何才能统计出我们首页从开始到至今写的所有文章的字数之和呢?今天的教程告诉大家如何在Typecho-handsome主题中统计全站字数!


代码实现

<?php
//字数统计
function allOfCharacters() {
    $chars = 0;
    $db = Typecho_Db::get();
    $select = $db ->select('text')->from('table.contents');
    $rows = $db->fetchAll($select);
    foreach ($rows as $row) { $chars += mb_strlen(trim($row['text']), 'UTF-8'); }
    $unit = '';
    if($chars >= 10000)     { $chars /= 10000; $unit = 'w'; } 
    else if($chars >= 1000) { $chars /= 1000;  $unit = 'k'; }
    $out = sprintf('%.2lf %s',$chars, $unit);
    return $out;
}
?>


源代码修改位置

         1.按照如下路径进入到functions.php文件中:

dad64a4e2cfe5ac83c2bebc813d7b3f.png

         2.在文件最后复制粘贴上述代码

8ab9706f5956b365535282bcf599855.png



博客信息栏展示全站字数

         1.按照如下路径进入到sidebar.php文件中:

4994bf5e0a13b67ae80871d09195fdb.png

         2.复制以下代码到剪贴板:

<li class="list-group-item text-second"><span class="blog-info-icons"> <i data-feather="calendar"></i></span>
               <span class="badge
           pull-right"><?php  echo allOfCharacters(); ?>字</span><?php _me("全站字数") ?></li>

         3.粘贴代码到如下位置("在"最后活动"的下方):

ff7ffbb5d029581c3ade7be55aa4d4c.png

         4.保存文件查看运行效果

c03849fbaf00544203a3422cdb35f22.png



注意事项

         如下图所示代码:蓝色框所圈中的代码是用来控制矢量图标文字的,矢量图标文字就是"全站字数"左边显示的那个图标

a5303906c96c16b9a8a8ef46da5c3d7.png

         假如我们想要更换在前面的矢量图标文字需要怎么做呢?具体可以参考笔者下面这篇文章:里面对如何修改矢量文字图标做了超详细的讲解

Font-Awesome如何引入矢量字体图标



下面来看看笔者修改过的样式吧!

         1.选择一个自己喜欢的矢量文字图标

04c876fba5339d8e872ca79b6f151a2.png

         2.copy覆盖原来的矢量文字代码,从下图可以看出我们已经成功地覆盖掉了!

80994a6cd2776a512935b068ffc91f9.png

         3.最终效果,一起来看看叭!

173084288e266ac530194805e0311a6.png

目录
相关文章
|
8月前
|
搜索推荐 JavaScript
友盟统计如何去掉“站长统计”
友盟统计如何去掉“站长统计”
74 0
|
2月前
|
XML JSON API
[1688一件代发]API接口关键词搜索(1688.item_search)
1688 一件代发的关键词搜索 API 接口,可快速从平台海量商品库中查找相关信息。主要参数包括:q(搜索关键字)、start_price 和 end_price(价格区间)、page(页码)、page_size(每页显示数量)、sort(排序方式)及 filter(额外过滤条件)。此接口适用于需要精准定位商品的开发者和商家。
|
数据采集 缓存 搜索推荐
【网站 seo 排名优化】typecho Handsome 主题高排名权重优化方案
在博主采用的是 Handsome 主题,相比较 joe 主题,编辑、定制功能更为强大、方便,但却存在一个致命的问题,seo 效果比不上 joe 主题,也是因为切换了主题,搜索引擎收录的文章也有部分掉出。故,对于 Handsome 主题有必要对其进行针对性的 seo 优化。主要实现了以下针对性优化。
136 0
【网站 seo 排名优化】typecho Handsome 主题高排名权重优化方案
|
PHP
Typecho-handsome主题——时间轴日志模板
本篇文章主要讲述了如何为Typecho中handsome主题添加一个新的独立页面模板——时间轴日志
728 2
Typecho-handsome主题——时间轴日志模板
|
前端开发 搜索推荐 开发者
Typecho-handsome主题页脚美化
handsome主题中页脚美化,如下图所示, 可以让主题的页脚更加具有个性化
312 1
Typecho-handsome主题页脚美化
Typecho-handsome主题如何增加侧边导航栏
handsome主题在使用的过程中导航栏初始时只有首页一个导航页面,本篇文章主要讲解一下应该如何修改源代码增加多个导航栏并且为其设置子导航
306 1
Typecho-handsome主题如何增加侧边导航栏
typecho统计博客所有文章的字数
typecho统计博客所有文章的字数
128 0
typecho统计博客所有文章的字数
Typecho-handsome主题统计访客人次
本次增强是基于handsome6.0版本的一个右侧栏博客信息的增强,如下图所示,初始的handsome主题博客信息栏只有四个栏目信息————分别是:文章数目,评论数目,运行天数,最后活动。那么该如何修改源代码来实现增加多个栏目呢?本次以添加一个记录网站总浏览人次的功能为例
242 0
Typecho-handsome主题统计访客人次
|
前端开发 JavaScript 开发者
Typecho-handsome主题美化
本篇文章主要介绍一下handsome主题的美化教程
535 0
Typecho-handsome主题美化
一级棒!这应该是最好的 “re正则表达式” 使用教程了!(一)
一级棒!这应该是最好的 “re正则表达式” 使用教程了!(一)
一级棒!这应该是最好的 “re正则表达式” 使用教程了!(一)