【教程】一行代码为网站添加访问量计数

原创

小锋学长生活大爆炸

发布于 2025-04-09 13:30:20

7280

文章被收录于专栏：学习之旅学习之旅

转载请注明出处：小锋学长生活大爆炸[xfxuezhagn.cn] 如果本文帮助到了你，欢迎[点赞、收藏、关注]哦~

工具说明

使用说明

效果演示(在网站底部)：https://xfxuezhang.cn/

工具说明

主要是基于这个开源库：多种风格可选的萌萌计数器
官方使用教程可以看这：https://count.getloli.com/
具有超多不同风格样式：

可以一键生成喜欢的风格：

使用说明

1、使用生成器来生成样式(https://count.getloli.com/)，生成后你会的得到类似这样的链接：

https://count.getloli.com/@xfxuezhang?name=xfxuezhang&theme=random&padding=7&offset=0&align=center&scale=1&pixelated=1&darkmode=auto

或者如果都用默认参数，那么只需要：

https://count.getloli.com/@xfxuezhang

注意，把其中的"xfxuezhang"改成你的名称，这主要用来区分不同网站。

2、将上述链接导入img标签：

<div style="display: flex; justify-content: center; align-items: center;">
    <img src="https://count.getloli.com/@xfxuezhang" alt="xfxuezhang" />
</div>

3、将上述html代码插入你的网站即可。推荐放在底部。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

网站

插件

【教程】一行代码为网站添加访问量计数

【教程】一行代码为网站添加访问量计数

工具说明

使用说明

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐