站点信息模块

本文介绍了如何在Vdoing主题的VuePress博客中搭建站点信息模块，包括首页的站点信息和文章页的浏览量统计。主要内容涉及使用自建不蒜子服务统计访问量，通过添加特定代码文件实现网站字数、文章数量、运行时间等功能，并详细说明了组件的创建、配置与集成步骤。文章还提醒了跨主题集成时需自行适配样式与挂载元素，以及部署时需通过git commit解决时间显示问题。

::: tip 说明

本内容介绍如何搭建本站首页的站点信息，以及每篇文章的浏览量统计，主要改动了文章页的浏览量统计，其余部分参考站点信息模块

:::

前言

本内容将在首页和每篇的文章页加入了一些元素，目前适用版本是 Vdoing v1.x。

如果你想集成到其他 Vuepress 主题，那么要添加卡片样式，修改挂载元素即可（建议先按照步骤完成一次再考虑集成）。

为什么添加卡片样式？本模块的站点信息是基于 Vdoing 自带的卡片样式，模块并没有添加任何卡片样式，所以想集成到其他主题，则需要参考 Vdoing 卡片样式进行添加，或者按照自己喜欢的样式进行添加

为什么修改挂载元素？本模块的挂载元素是基于 Vdoing 标签提供的 class 或 id，而其他主题的标签不一样，所以自行进行调试

本模块的所有功能支持大部分 Vuepress 主题，但是如何将所有功能展示到其他主题页面合适的地方，以及展示的样式等 DOM 技术，需要自己适配。

效果如下：