不蒜子 UV、PV 统计数据初始化配置

文章首发于 不蒜子 UV、PV 统计数据初始化配置

适用场景

如果你有个运行的网站域名,采用了不蒜子统计 UV、PV等访客和阅读数据,但是有一天,你觉得想要换一个新的域名。当你将网站绑定到新的域名后,突然发现,所有的文章以及网站访客数据全被重置清零------重新计数了。

积累许久的老站点一下子成了新手起站,怎样合并两个域名的访客数据成了你的心头大患。在不蒜子官网上寻求无果后,你偶然来到了这里,眼睛一亮------这不正是你所需要的吗?

修改主题配置

方法一【优先推荐】

在主题文件 themes\icarus\source\js\main.js$('div.container div.card[data-type=archives]').addClass('is-hidden-mobile');位置后添加如下代码:

javascript 复制代码
    $('div.container div.card[data-type=tags]').addClass('is-hidden-mobile');
    $('div.container div.card[data-type=archives]').addClass('is-hidden-mobile');

+   // Insert code here
    // Busuanzi Init
    var config = window.IcarusThemeSettings;
    if (typeof config !== 'undefined' && typeof config.busuanzi_site_offset_uv !== 'undefined'
        && typeof config.busuanzi_site_offset_pv !== 'undefined' && config.busuanzi == true) {
        $(document).ready(function () {
            var int = setInterval(fixCount, 100);
            var busuanziSiteOffsetUV = parseInt(config.busuanzi_site_offset_uv);
            var busuanziSiteOffsetPV = parseInt(config.busuanzi_site_offset_pv);
            function fixCount() {
                if ($("#busuanzi_container_site_uv").css("display") != "none" && parseInt($("#busuanzi_value_site_uv").html()) > 0) {
                    clearInterval(int);
                    $("#busuanzi_value_site_uv").html(parseInt($("#busuanzi_value_site_uv").html()) + busuanziSiteOffsetUV);
                }
                if ($("#busuanzi_container_site_pv").css("display") != "none" && parseInt($("#busuanzi_value_site_pv").html()) > 0) {
                    clearInterval(int);
                    $("#busuanzi_value_site_pv").html(parseInt($("#busuanzi_value_site_pv").html()) + busuanziSiteOffsetPV);
                }
            }
        });
    }
+   // End of Insert code here

然后需要在 themes\icarus\layout\common\scripts.jsx 文件中下面位置插入如下代码:

javascript 复制代码
        const embeddedConfig = `var IcarusThemeSettings = {
            article: {
                highlight: {
                    clipboard: ${clipboard},
                    fold: '${fold}'
                }
            },
+   // Insert code here
            busuanzi: ${config.plugins.busuanzi},
            busuanzi_site_offset_uv: ${config.busuanzi_site_offset_uv},
            busuanzi_site_offset_pv: ${config.busuanzi_site_offset_pv}
        };`;
+   // End of Insert code here

完成以上配置后,需要在站点配置文件_config.yml中添加busuanzi_site_offset_uv 以及 busuanzi_site_offset_pv 两个配置项,分别代表旧站点的UV和PV数据,在渲染网页时会将旧站点的数据加到新站点数据上。

yml 复制代码
busuanzi_site_offset_uv: 1000
busuanzi_site_offset_pv: 10000

方法二【备选方案】

当然也可以直接修改 themes\icarus\layout\common\scripts.jsx 文件,但是这种方法似乎延迟较大,一些情况下页面加载较慢时会只显示新站点数据,直到页面加载完毕后才会显示叠加的数据。

javascript 复制代码
+   // Insert code here
    const busuanzi_init = `if (typeof config !== 'undefined' && typeof config.busuanzi_site_offset_uv !== 'undefined'
        && typeof config.busuanzi_site_offset_pv !== 'undefined' && config.busuanzi == true) {
        $(document).ready(function () {
            var int = setInterval(fixCount, 100);
            var busuanziSiteOffsetUV = parseInt(config.busuanzi_site_offset_uv);
            var busuanziSiteOffsetPV = parseInt(config.busuanzi_site_offset_pv);
            function fixCount() {
                if ($("#busuanzi_container_site_uv").css("display") != "none" && parseInt($("#busuanzi_value_site_uv").html()) > 0) {
                    clearInterval(int);
                    $("#busuanzi_value_site_uv").html(parseInt($("#busuanzi_value_site_uv").html()) + busuanziSiteOffsetUV);
                }
                if ($("#busuanzi_container_site_pv").css("display") != "none" && parseInt($("#busuanzi_value_site_pv").html()) > 0) {
                    clearInterval(int);
                    $("#busuanzi_value_site_pv").html(parseInt($("#busuanzi_value_site_pv").html()) + busuanziSiteOffsetPV);
                }
            }
        });
    }`;
+   // End of Insert code here

    return <Fragment>
        <script src={cdn('jquery', '3.3.1', 'dist/jquery.min.js')}></script>
        <script src={cdn('moment', '2.22.2', 'min/moment-with-locales.min.js')}></script>
        {clipboard && <script src={cdn('clipboard', '2.0.4', 'dist/clipboard.min.js')} defer></script>}
        <script dangerouslySetInnerHTML={{ __html: `moment.locale("${language}");` }}></script>
        <script dangerouslySetInnerHTML={{ __html: embeddedConfig }}></script>
+       <script dangerouslySetInnerHTML={{ __html: busuanzi_init }}></script>   {/* Insert this line code */}
        <script data-pjax src={url_for('/js/column.js')}></script>
        <Plugins site={site} config={config} page={page} helper={helper} head={false} />
        <script data-pjax src={url_for('/js/main.js')} defer></script>
        <script data-pjax src={url_for('/js/night.js')} defer={true}></script>
    </Fragment>;

完成以上配置后,需要在站点配置文件_config.yml中添加busuanzi_site_offset_uv 以及 busuanzi_site_offset_pv 两个配置项,分别代表旧站点的UV和PV数据,在渲染网页时会将旧站点的数据加到新站点数据上。

yml 复制代码
busuanzi_site_offset_uv: 1000
busuanzi_site_offset_pv: 10000

参考文章

相关推荐
荔枝吻11 小时前
【保姆级喂饭教程】Python依赖管理工具大全:Virtualenv、venv、Pipenv、Poetry、pdm、Rye、UV、Conda、Pixi等
python·uv·环境管理
AIGC_北苏2 天前
让UV管理一切!!!
linux·人工智能·uv
love530love2 天前
命令行创建 UV 环境及本地化实战演示—— 基于《Python 多版本与开发环境治理架构设计》的最佳实践
开发语言·人工智能·windows·python·conda·uv
alpszero6 天前
使用UV管理FastAPI项目
fastapi·uv
向宇it10 天前
【实现100个unity特效】unity中使用ShaderGraph实现一个贴图UV循环移动滚动的指示效果
游戏·3d·unity·c#·游戏引擎·贴图·uv
HEY_FLYINGPIG13 天前
【UV环境】使用uv快速创建环境
uv
放飞自我的Coder13 天前
【colab 使用uv创建一个新的python版本运行】
开发语言·python·uv
waketzheng15 天前
Python后端项目之:我为什么使用pdm+uv
uv·pdm
cooldream200916 天前
Python 包管理新时代:深入了解 `uv` 的使用与实践
python·uv·包管理器
远离UE417 天前
blender uv小技巧
blender·uv