主题新增百度统计图表功能

前言
主题新增了百度统计相关信息展示,统计数据都来自于百度统计
若使用该功能,需要先接入百度统计
功能介绍
新增展示标签,可以随意在 markdown、模板引擎文件中添加指定类名的标签
- 新增 class 为
site_date
的标签,展示建站时间 - 新增 class 为
site_from
的标签,展示站点建立日期 - 新增 class 为
site_pv
的标签,展示站点从建立日期到目前的 PV(浏览量) - 新增 class 为
site_uv
的标签,展示站点从建立日期到目前的 UV(访客数) - 新增 id 为
line-chart
的标签,展示站点近七天的线状图 - 新增 id 为
doughnut-chart
的标签,展示站点从建立日期到目前 PV(浏览量)的饼状图
具体样式请查看本站 关于
本站于 <code class="site_from"></code> 接入百度站点,建站已 <code class="site_date"></code> 天
截止到目前,整站访问次数 <code class="site_pv"></code>、访问人数 <code class="site_uv"></code>
<canvas id="doughnut-chart" width="100" height="45"></canvas>
<canvas id="line-chart" width="100" height="45"></canvas>
使用方法
在根目录的_config.yml
配置文件中,新增以下参数
#百度统计
baidu_tongji:
site_from: '2019/7/26'
site_id: ''
access_token: ''
获取 Access Token
调用了百度统计相关的接口,需要获取百度统计的 Access Token
获取 token 的教程在百度统计 管理->数据导出服务
页面中,有详细的解说
大致分为以下三步:
- 登陆 百度开发者中心控制台,点击
创建工程
,获取API Key
和Secret Key
- 访问 右键复制链接地址,按照提示登陆,之后页面会展示
code
,记下这个code
- 访问 右键复制链接地址,之后页面就是展示
access_token
和refresh_token
上述的链接地址中的
CLIENT_ID
对应 API Key
CLIENT_SECRET
对应 Secret Key
REDIRECT_URI
写死为 oob
oob 为默认的 redirect_uri,避免没有服务器,无法接收回调数据,而将信息直接在页面中展示