一、网站访问统计#
对于静态网站来说,不好统计访问这些动态数据。
这里使用的是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>
|
新建 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 }}
|