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

目录
相关文章
|
数据采集 缓存 搜索推荐
【网站 seo 排名优化】typecho Handsome 主题高排名权重优化方案
在博主采用的是 Handsome 主题,相比较 joe 主题,编辑、定制功能更为强大、方便,但却存在一个致命的问题,seo 效果比不上 joe 主题,也是因为切换了主题,搜索引擎收录的文章也有部分掉出。故,对于 Handsome 主题有必要对其进行针对性的 seo 优化。主要实现了以下针对性优化。
125 0
【网站 seo 排名优化】typecho Handsome 主题高排名权重优化方案
|
PHP
Typecho-handsome主题——时间轴日志模板
本篇文章主要讲述了如何为Typecho中handsome主题添加一个新的独立页面模板——时间轴日志
703 2
Typecho-handsome主题——时间轴日志模板
|
前端开发 搜索推荐 开发者
Typecho-handsome主题页脚美化
handsome主题中页脚美化,如下图所示, 可以让主题的页脚更加具有个性化
300 1
Typecho-handsome主题页脚美化
Typecho-handsome主题如何增加侧边导航栏
handsome主题在使用的过程中导航栏初始时只有首页一个导航页面,本篇文章主要讲解一下应该如何修改源代码增加多个导航栏并且为其设置子导航
280 1
Typecho-handsome主题如何增加侧边导航栏
typecho统计博客所有文章的字数
typecho统计博客所有文章的字数
115 0
typecho统计博客所有文章的字数
Typecho-handsome主题统计访客人次
本次增强是基于handsome6.0版本的一个右侧栏博客信息的增强,如下图所示,初始的handsome主题博客信息栏只有四个栏目信息————分别是:文章数目,评论数目,运行天数,最后活动。那么该如何修改源代码来实现增加多个栏目呢?本次以添加一个记录网站总浏览人次的功能为例
232 0
Typecho-handsome主题统计访客人次
|
前端开发 JavaScript 开发者
Typecho-handsome主题美化
本篇文章主要介绍一下handsome主题的美化教程
526 0
Typecho-handsome主题美化
|
XML 定位技术 数据格式
DEDECMS织梦系统全站链接txt格式网站地图的制作教程
网站地图的制作三种格式:xml格式、txt格式、以及html格式,这在浏览器地址栏输入 “主域名/sitemap.xml” 的方式,尝试查看对应网站的xml格式的网站地图。把 输入内容改成 “主域名/sitemap.html” 就可以查看html格式的网站地图了。网站地图的命名方式默认是sitemap,但是网站管理者(站长)可以自由修改。
DEDECMS织梦系统全站链接txt格式网站地图的制作教程
|
JavaScript 前端开发 开发者
自定义typecho handsome主题标签云颜色
自定义typecho handsome主题标签云颜色
263 0
|
JavaScript 大数据 Java
(ElasticsSearch学习)歌词检索Demo的实现:一. 爬取歌词信息,写入ES
一个ElasticSearchDemo,讲解如何使用Jsoup爬取歌词数据写入阿里云Elasticsearch,并搭建Web框架实现歌词的全文检索。
3922 0
下一篇
无影云桌面