一、网站访问统计

对于静态网站来说,不好统计访问这些动态数据。

这里使用的是Vercount提供的网站访问统计功能(感谢大佬)。

具体操作就是:每次打开网站时,都会运行 vercount 提供的脚本,往 vercount 的服务器发送和接收数据。

这里我使用的是 PaperMod 主题。

1、新建 extend_head.html 文件

新建 layouts/partials/extend_head.html

如果没有子目录的话,需要自己新建。

其目的是在网站里引入 vercount 的 js 脚本。

在该 HTML 文件添加以下内容:

1
<script defer src="https://cn.vercount.one/js"></script>

2. 新建 extend_footer.html 文件

新建 layouts/partials/extend_footer.html.html

如果没有子目录的话,需要自己新建。

其目的是在网站底部添加显示访问信息。

在该 HTML 文件添加以下内容:

1
2
3
4
5
6
7
8
{{- if not (.Param "hideFooter") }}
<footer class="footer">
    <div>
        网站总访客数<span id="vercount_value_site_uv"></span>        网站总访问量<span id="vercount_value_site_pv"></span>人次
    </div>
</footer>
{{- end }}

3. 新建 single.html 文件

themes/PaperMod/layouts/_default/single.html 拷贝一份到 layouts/_default/single.html

如果没有子目录的话,需要自己新建。

其目的是在文章里面显示浏览次数。

该 HTM 文件的原本内容如下:

1
2
3
4
5
6
7
8
    {{- if not (.Param "hideMeta") }}
    <div class="post-meta">
      {{- partial "post_meta.html" . -}}
      {{- partial "translation_list.html" . -}}
      {{- partial "edit_post.html" . -}}
      {{- partial "post_canonical.html" . -}}
    </div>
    {{- end }}

在该 HTML 文件添加以下内容:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
    {{- if not (.Param "hideMeta") }}
    <div class="post-meta">
      {{- partial "post_meta.html" . -}}
      {{- partial "translation_list.html" . -}}
      {{- partial "edit_post.html" . -}}
      {{- partial "post_canonical.html" . -}}

      <div class="meta-item">
        阅读量 <span id="busuanzi_value_page_pv">
      </div>

    </div>
    {{- end }}

版权声明

本文为「Zeepunt 日常随笔」的原创文章,遵循 CC 4.0 BY-SA 版权协议。

原文链接:https://zeepunt.github.io/article/blog/blog%E6%94%AF%E6%8C%81%E7%BD%91%E7%AB%99%E8%AE%BF%E9%97%AE%E7%BB%9F%E8%AE%A1/