别人给网站、博客文章添加阅读次数统计麻烦的要命,我用两行代码 轻轻松松搞定计数!

本文介绍了如何使用不蒜子这个轻量级工具,通过简单地添加脚本和标签,为静态网站或博客轻松实现访问次数统计。无需复杂设置,即可显示站点总访问量和单页面访问量,同时提供了自定义显示样式和扩展开发的选项。
摘要由CSDN通过智能技术生成

静态网站建站现在有很多快速的技术和平台,但静态是优点也有缺点,由于是静态的,一些动态的内容如评论、计数等等模块就需要借助外来平台,评论有“多说”,计数有“不蒜”!(多说已经关闭,不蒜子还活着)

“不蒜子”与百度统计谷歌分析等有区别:“不蒜子”可直接将访问次数显示在您在网页上(也可不显示);对于已经上线一段时间的网站,“不蒜子”允许您初始化首次数据。。

普通用户只需两步走:一行脚本+一行标签,搞定一切。追求极致的用户可以进行任意DIY。

一、安装脚本(必选)


要使用不蒜子必须在页面中引入busuanzi.js,目前最新版如下。

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

不蒜子可以给任何类型的个人站点使用,如果你是用的hexo,打开themes/你的主题/layout/_partial/footer.ejs添加上述脚本即可,当然你也可以添加到 header 中。

二、安装标签(可选)


只需要复制相应的html标签到你的网站要显示访问量的位置即可。您可以随意更改不蒜子标签为自己喜欢的显示效果,内容参考第三部分扩展开发。根据你要显示内容的不同,这分几种情况。

1、显示站点总访问量

要显示站点总访问量,复制以下代

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
loginByUsername的具体实现代码如下所示: ```javascript import request from '@/utils/request' export function loginByUsername(username, password) { const data = { username, password } return request({ url: '/auth/login', method: 'post', data }) } ``` 这段代码是一个前端的API接口文件,其中的loginByUsername函数用于进行用户名和密码的登录验证。它接受两个参数,分别是用户名和密码。在函数内部,将用户名和密码封装成一个data对象,并通过request函数发送一个POST请求到/auth/login接口。请求成功后,会返回一个Promise对象,可以通过then方法获取返回的数据。这段代码使用了一个名为request的工具函数,该函数是一个封装了axios库的请求函数,用于发送HTTP请求。具体的请求逻辑和返回数据的处理可以在request函数中进行定义。 #### 引用[.reference_title] - *1* *3* [基于element和vue实现的前端代码结构](https://blog.csdn.net/weixin_42265852/article/details/100014247)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [轻轻松松搞定分布式Token校验](https://blog.csdn.net/FUTEROX/article/details/127288002)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值