腾讯云有一个类似于语雀的性能监控平台,每天50万的额度,这篇文章介绍Butterfly主题如何引用这个插件。

开启插件

首先进入腾讯云,进入插件中心,打开服务。

打开性能监测

应用列表中,新建接入。

新建接入

选择使用腾讯云cdn加速的域名,然后下一步

选择域名

复制上报ID备用

复制ID

插入代码

进入themes/butterfly/layout/includes/head/analytics.pug文件,任意位置添加:(注意缩进)

1
2
3
4
5
6
7
8
9
10
if theme.tencentcloud_analytics
script(src=`https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js`)
script.
const aegis = new Aegis({
id: '!{theme.tencentcloud_analytics}', // 上报 id
reportApiSpeed: true, // 接口测速
reportAssetSpeed: true, // 静态资源测速
spa: true // spa 应用页面跳转的时候开启 pv 计算
});

进入themes/butterfly/_config.yml,任意位置添加:(注意缩进)

1
2
3
# TencentCloud Analytics
# https://console.cloud.tencent.com/cdn/plugins/rum
tencentcloud_analytics: #这里填写你的ID

#这里填写你的ID替换成你的ID。

进入themes/butterfly/layout/includes/head/preconnect.pug,任意位置添加:(注意缩进)

1
2
if theme.tencent_analytics
link(rel="preconnect" href="//cdn-go.cn")

大功告成!

你已经成功部署了,快去应用列表中查看汇报分析吧。