网站访问量统计 | hexo

article/2025/9/30 0:11:04

这里使用的是不蒜子提供的阅读统计功能,使用的hexo主题是next。
image

以下是方法。

添加是否开启统计功能的配置

找到next主题的配置文件themes/next/_config.yml,找到原来的footer字段,加入一个配置,这里我们叫它counter吧,即

footer:# -------------------------------------------------------------# visitors countcounter: true

修改next主题的模板文件

由于是把访问量统计放在网页的footer,所以我们需要修改的模板文件是theme/next/layout/_partials/footer.swig
我们在合适的位置加入:

{% if theme.footer.counter %}<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script><span id="busuanzi_container_site_pv">总访问量<span id="busuanzi_value_site_pv"></span></span><span class="post-meta-divider">|</span><span id="busuanzi_container_site_uv">总访客<span id="busuanzi_value_site_uv"></span></span><span class="post-meta-divider">|</span>{% endif %}

访问量统计的效果:
image

不蒜子统计说明

不蒜子有两种统计方法:

  1. pv的方式,单个用户连续点击n篇文章,记录n次访问量
    <span id="busuanzi_container_site_pv">总访问量<span id="busuanzi_value_site_pv"></span></span>
  1. uv的方式,单个用户连续点击n篇文章,只记录1次访客数
    <span id="busuanzi_container_site_uv">总访客<span id="busuanzi_value_site_uv"></span></span>

更多

更多内容参考:hexo博客搭建汇总


http://chatgpt.dhexx.cn/article/a1XBxJdZ.shtml

相关文章

怎样在网站中实现统计访问量的功能

有很多网站都会加一个访问量统计的功能&#xff0c;其实代码很简单&#xff0c;全都是js写的&#xff0c;而且代码也不多 这个功能解释一下就是&#xff0c;每访问一次&#xff0c;网页上面写的访问量就会增加一个&#xff0c;依次类推&#xff0c;下面就与大家分享一下实现这个…

【转载】如何统计分析网站的访问量

在网站建设完成后&#xff0c;很多人都希望统计到网站的访问情况&#xff0c;如访问了哪个页面、页面停留时间、访问者的IP地址以及访问设备、访问者所在的省份区域、访问来源等诸多信息&#xff0c;要实现这种功能可以自行编写代码&#xff0c;从http请求信息中获取&#xff0…

网站访问量实时统计

一、需求&#xff1a;统计网站访问量&#xff08;实时统计&#xff09; 技术选型&#xff1a;特点&#xff08;数据量大、做计算、实时&#xff09;实时流式计算框架&#xff1a;storm1)spout 数据源&#xff0c;接入数据源 本地文件2)splitbolt 业务逻辑处理 切分数据 拿到网址…

如何实现网站访问量统计(html页面)

如何为HTML网页添加访问计数器 如何实现网站访问量统计 不利用站长之家实现网站访问量统计 一行代码实现访问量统计 1. 访问http://www.amazingcounters.com/index.php网站 2. 进入网站后选择Sign Up 3. 选择一个能看的统计数字界面 4. 然后拉到底端进入下一步

统计网站的访问次数

本文介绍如何利用ServletContext统计一个网站的访问总量&#xff0c;而不是分IP地址统计网站的访问次数。这个练习题是一个固定的模型&#xff0c;先获取值&#xff0c;然后对值进行判断&#xff0c;如果值存在如何处理&#xff0c;如果值不存在又如何处理&#xff0c;然后输出…

web开发技术重点

一、单项选择 (30题共30分) 来自课后习题html、css 二、判断 (10题共10分) 来自课后习题html、css 三、简答题 (4题共20分) 八选四 P24 简述HTML代码书写规范 (1)标签可以嵌套使用&#xff0c;但要注意标签间的前后匹配&#xff0c;避免引起交叉而出现语法错误…

JavaWeb技术

目录 背景&#xff1a;B/S架构&#xff1a;静态资源&#xff1a;动态资源&#xff1a; Tomcat&#xff1a;Maven创建Web项目&#xff1a;使用骨架&#xff1a;Tomcat Maven插件 ServletServlet 执行流程Servlet 生命周期urlPattern配置Request请求参数中文乱码解决方案请求转发…

WEB技术与应用---概述

WEB技术与应用–概述 万维网 概述&#xff1a;万维网www&#xff08;world wide web&#xff09; 1.web模型 2.web客户端 3.web服务器 超链接&#xff1a; 超链接指向的资源可以处于lnternet的任一Web服务器之中&#xff0c; 利用超链接Web页面可以与其他Web页面进行关联。…

web各个技术

Web 知识框架 控制浏览器行为技术&#xff1a;HTML 、CSS 、JavaScript控制硬盘上数据库行为技术&#xff1a;MySql数据库服务器管理使用&#xff08;SQL重点&#xff09;、JDBC规范控制服务端Java行为技术&#xff1a;Http服务器、Servlet、JSP互联网通信流程开发规则&#…

Web技术的发展

定义&#xff1a; 本意是蜘蛛网和网的意思&#xff0c;在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式&#xff0c;即超文本&#xff08;hypertext&#xff09;、超媒体&#xff08;hypermedia&#xff09;、超文本传输协议&#xff08;HT…

WEB简介

WEB 一、Web简介 1、 简介 早期的web应用主要是静态页面的浏览&#xff0c;这些静态页面使用HTML语言编写&#xff0c;放在服务器上&#xff0c;用户使用浏览器通过HTTP协议请求服务器上的web页面&#xff0c;服务器上的web服务器软件接受到用户发送的请求后&#xff0c;读取…

Web开发

一、什么是Web开发? Web开发其实就是Web应用开发 在 PC&#xff08;Personal Computer&#xff0c;个人计算机&#xff09;刚兴起的年代&#xff0c;软件主要使用 C/S 架构&#xff08;Client/Server&#xff0c;客户端/服务器&#xff09;即应用运行在桌面上&#xff0c;而…

常见Web技术之间的关系,你了解多少?

引 ------------------------------------------------------------------------------------------------------------ 如果你是一个Web开发初学者&#xff0c;那么你难免会在网上搜索HTML&#xff0c;CSS&#xff0c;XML&#xff0c;JS&#xff08;Javascript&#xff09;&…

Web技术发展史

Web技术发展史 Web开发指的是网页系统开发&#xff0c;每次在浏览器中输入网址时&#xff0c;总会先输入www&#xff0c;这里其实是World Wide Web的简称&#xff0c;现在也简称Web&#xff0c;中文译为万维网。 Web设计初衷是一个静态信息资源发布媒介&#xff0c;通过超文本…

web前端主要技术概述

web前端主要技术概述 参考资料&#xff1a; 2018 Web 开发者路线图 2017年前端框架、类库、工具大比拼 本文主要是介绍部分主流和新兴的web前端技术&#xff0c;希望能帮助想学web前端的小白&#xff0c;理清其技术学习路线。 首先有些技能是web前端需要掌握的&#xff1a…

Web技术基础

前言 当我们还没有接触Web时&#xff0c;可能处理的都是静态网页如Html,这个网页的数据都是直接写在标签里写死的&#xff0c;那么如果我们要做类似淘宝的一个网站,数据每天都会更新&#xff0c;那么静态网页就不支持了&#xff0c;就需要从数据库里去拿数据&#xff0c;来用动…

web端基本技术点整理

1 WEB端概述 1.1 前端框架演变 https://blog.csdn.net/bjweimengshu/article/details/79563440 1.2 技术概览 https://blog.csdn.net/fighting_no1/article/details/79599806 1.3 学习路线 https://blog.csdn.net/zwjweb/article/details/78704342 https://blog.csdn.net/zwjwe…

数据可视化网页内容自动抓取工具

网页内容提取支持我们对公开的网页信息数据进行提取&#xff0c;如果通过人工对网页数据采集&#xff0c;是一个繁琐的工作&#xff0c;网页内容提取工具通过可视化的操作页面&#xff0c;模拟人工进行网页内容提取&#xff0c;能快速获取整个网站的对应元素。 网页内容提取工具…

抓取网站的5种方法

来自维基百科 Web爬虫&#xff08;有时也称为蜘蛛&#xff09;是一种Internet机器人&#xff0c;通常系统地浏览Web索引&#xff0c;以进行Web索引。 Web搜寻器以要访问的URL列表&#xff08;称为种子&#xff09;开始。搜寻器访问这些URL时&#xff0c;它会识别页面中的所有超…

如何抓取网页数据

如何抓取网页数据&#xff0c;每当我们在网上找到自己想到的数据&#xff0c;都需要复制粘贴或下载然后一步一步地整理。今天教大家如何快速地免费获取网页数据信息&#xff0c;只需要输入域名点选你需要的数据&#xff0c;软件全自动抓取。支持导出各种格式并且已整理归类。详…