Toc
  1. 前言
  2. 功能介绍
  3. 使用方法
    1. 获取 Access Token
Toc
0 results found
Utone
主题新增百度统计图表功能
2019/11/13 Usage Chart
Chart.js

前言

主题新增了百度统计相关信息展示,统计数据都来自于百度统计

若使用该功能,需要先接入百度统计

功能介绍

新增展示标签,可以随意在 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 的教程在百度统计 管理->数据导出服务页面中,有详细的解说

大致分为以下三步:

  1. 登陆 百度开发者中心控制台,点击 创建工程,获取 API KeySecret Key
  2. 访问 右键复制链接地址,按照提示登陆,之后页面会展示code,记下这个code
  3. 访问 右键复制链接地址,之后页面就是展示 access_tokenrefresh_token

上述的链接地址中的

CLIENT_ID 对应 API Key
CLIENT_SECRET 对应 Secret Key
REDIRECT_URI 写死为 oob

oob 为默认的 redirect_uri,避免没有服务器,无法接收回调数据,而将信息直接在页面中展示

打赏
支付宝
微信
本文作者:Utone
版权声明:本文首发于Utone的博客,转载请注明出处!