Typecho-handsome主题统计访客人次

简介: 本次增强是基于handsome6.0版本的一个右侧栏博客信息的增强,如下图所示,初始的handsome主题博客信息栏只有四个栏目信息————分别是:文章数目,评论数目,运行天数,最后活动。那么该如何修改源代码来实现增加多个栏目呢?本次以添加一个记录网站总浏览人次的功能为例

本次增强是基于handsome6.0版本的一个右侧栏博客信息的增强,如下图所示,初始的handsome主题博客信息栏只有四个栏目信息————分别是:文章数目,评论数目,运行天数,最后活动。那么该如何修改源代码来实现增加多个栏目呢?本次以添加一个记录网站总浏览人次的功能为例



源代码目录及位置

首先进到网站根目录,按如下图路径依次进入:.../usr/themes/handsome/component,然后点击sidebar文件进入源代码,下拉至98,99行的样子,如下图所示

429ddd365d140daad093f288300f0d4.png

然后粘贴以下代码到"最后活动"所在那条代码的下方,如下图所示

<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 theAllViews(); ?>人次</span><?php _me("访客总量") ?></li>

227a7f0ae3e36bdea675a39664e58f7.png


记录访客人次函数设计

复制以下代码,然后按以下路径依次进入到functions所在目录:.../usr/themes/handsome,然后点击functions文件进入源代码拉到最下面,然后粘贴代码,效果如下图所示

function theAllViews()
        {
            $db = Typecho_Db::get();
            $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
                echo number_format($row[0]['SUM(VIEWS)']);
        }

7d88d5342c4674b1058a81dc0f2f031.png


最终效果

最终效果如下图所示,可以看到,右侧博客信息栏最下方新增了一个记录网站总浏览人次的小栏目,同理按照上述的思路,可以设计多种不同的功能添加到博客信息栏,需要自己去探索啰!


7e9d805f1bc2ff77e4224afbd428457.png

目录
相关文章
|
前端开发 JavaScript 索引
|
安全 Linux Android开发
开源免费!文件传输工具HandShaker最佳替代品来了。
开源免费!文件传输工具HandShaker最佳替代品来了。
|
关系型数据库 MySQL 测试技术
最好的 6 个免费天气 API 接口对比测评
天气 API包含丰富的天气数据,不仅有实时温度、湿度、风速、降水等这些基础数据,还有过去的历史天气数据和未来的天气预测数据,**顶级的天气 API 接口**还会包括天气灾害预警,空气质量指数,日出日落、潮汐及月相相关的天文气象等数据。**天气 API 也并不难获得,本教程将介绍 6 款国内外免费的天气 API,并手把手教你搭建一套属于自己的天气数据看板。**
29494 0
|
3天前
|
存储 关系型数据库 分布式数据库
PostgreSQL 18 发布,快来 PolarDB 尝鲜!
PostgreSQL 18 发布,PolarDB for PostgreSQL 全面兼容。新版本支持异步I/O、UUIDv7、虚拟生成列、逻辑复制增强及OAuth认证,显著提升性能与安全。PolarDB-PG 18 支持存算分离架构,融合海量弹性存储与极致计算性能,搭配丰富插件生态,为企业提供高效、稳定、灵活的云数据库解决方案,助力企业数字化转型如虎添翼!
|
14天前
|
弹性计算 关系型数据库 微服务
基于 Docker 与 Kubernetes(K3s)的微服务:阿里云生产环境扩容实践
在微服务架构中,如何实现“稳定扩容”与“成本可控”是企业面临的核心挑战。本文结合 Python FastAPI 微服务实战,详解如何基于阿里云基础设施,利用 Docker 封装服务、K3s 实现容器编排,构建生产级微服务架构。内容涵盖容器构建、集群部署、自动扩缩容、可观测性等关键环节,适配阿里云资源特性与服务生态,助力企业打造低成本、高可靠、易扩展的微服务解决方案。
1303 5
|
13天前
|
机器学习/深度学习 人工智能 前端开发
通义DeepResearch全面开源!同步分享可落地的高阶Agent构建方法论
通义研究团队开源发布通义 DeepResearch —— 首个在性能上可与 OpenAI DeepResearch 相媲美、并在多项权威基准测试中取得领先表现的全开源 Web Agent。
1329 87
|
2天前
|
弹性计算 安全 数据安全/隐私保护
2025年阿里云域名备案流程(新手图文详细流程)
本文图文详解阿里云账号注册、服务器租赁、域名购买及备案全流程,涵盖企业实名认证、信息模板创建、域名备案提交与管局审核等关键步骤,助您快速完成网站上线前的准备工作。
183 82
2025年阿里云域名备案流程(新手图文详细流程)