如果本文帮助到了你,欢迎[点赞、收藏、关注]哦~

目录

工具说明

使用说明


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

工具说明

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

  • 可以一键生成喜欢的风格:

【教程】一行代码为网站添加访问量计数_使用说明_02

使用说明

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代码插入你的网站即可。推荐放在底部。

【教程】一行代码为网站添加访问量计数_使用说明_03