美文网首页Hexo关于hexo
用LeanClound给hexo+next博客添加文章阅读数

用LeanClound给hexo+next博客添加文章阅读数

作者: Andy_Ron | 来源:发表于2018-08-31 16:02 被阅读21次

个人博客之前用的NexT 框架介绍 不蒜子统计 来统计文章阅读数、网站访问人数和网站访问总数。但是总是发现文章阅读数老是出现问题,因此把文章阅读数换成用LeanCloud来统计,看起来也方便。LeanCloud的免费的开发版完全满足了我博客这种小网站的需求了。
配置起来也很方便,下面做个记录:

注册LeanClound账号

这个很方便,微博,GitHub都可以直接关联注册,或者直接用邮箱注册。

创建应用


比如我创建一个名为andyron.com.counter的应用。

获取APP IDAPP Key,之后再配置文件中配置。

创建Class

  • 在应用的数据配置界面,左侧下划线开头的都是系统预定义好的表,为了便于区分我们新建一张表来保存我们的数据。
    新建Class用来专门保存我们博客的文章访问量等数据,理论上来说名字可以随意取名,只要你交互代码做相应的更改即可,但是为了保证对NexT主题的修改兼容,此处的新建Class名字必须为Counter:

添加安全域名

添加安全域名后,只有这些安全域名才有权访问后台的数据了,可以进一步提升安全性。


修改一下主题配置文件

修改配置文件next/_config.yml

leancloud_visitors:
  enable: true
  app_id: #你的app_id
  app_key: #你的的app_key

# Show PV/UV of the website/page with busuanzi. 不蒜子统计
# Get more information on http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count:
  # count values only if the other configs are false
  enable: true
  # custom uv span for the whole site
  site_uv: true
  site_uv_header: <i class="fa fa-user"></i> 访问人数
  site_uv_footer: 人次 
  # # custom pv span for the whole site
  site_pv: true
  site_pv_header: <i class="fa fa-eye"></i> 总访问量
  site_pv_footer: 次 
  # custom pv span for one page only
  page_pv: false
  page_pv_header: <i class="fa fa-file-o"></i> 阅读
  page_pv_footer: 次 

最新的NexT框架已经不需要再配置样式,可以看到


在LeanCloud中也可以查看数据了:


注:objetcId这个主键是由日期和博文标题组合成的,因此标题变化,阅读会重新计数

参考:
为NexT主题添加文章阅读量统计功能
使用leancloud给博客添加阅读次数

相关文章

  • 用LeanClound给hexo+next博客添加文章阅读数

    个人博客之前用的NexT 框架介绍 不蒜子统计 来统计文章阅读数、网站访问人数和网站访问总数。但是总是发现文章阅读...

  • Hexo+NexT博客搭建相册功能(二)

    准备工作 按照Hexo+NexT博客搭建相册功能(一)搭建好相册库 增加相册STYLE 在next主题路径下面添加...

  • Hexo+NexT 博客搭建相册(二)

    上一篇文章 Hexo+NexT 博客搭建相册(一) 讲解了怎样用 github 来创建相册库.现在来讲解怎样在 h...

  • 给博客添加文章目录

    前言 因为JSimple主题没有自带目录,所以需要自己动手给hexo博客文章添加目录功能。 第一步 查阅hexo文...

  • UIView圆角动画

    给UIView添加圆角动画 参考链接博客

  • 利用leanclound存储数据

    利用leanclound做一个商品列表和详情的页面 前言 leanclound是BaaS 提供商,提供数据存储、文...

  • LeanClound

    获取聊天室的聊天记录? 1、实例化的嘴巴张嘴之后 2、嘴巴说打开录音机 3、录音机快进到指定的会话阶段,返回会话对...

  • Hexo+Next搭建博客网站

    http://www.welcometohere.top/2018/02/05/GitHub-Hexo-Next搭...

  • Hexo+Next搭建个人博客

    进入本人博客 hexo:一个快速,简单和强大的基于Node.js的博客框架。next主题:拥有丰富而简单的配置,结...

  • Hexo+NexT搭建个人博客

    概述 什么是 Hexo? Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染...

网友评论

    本文标题:用LeanClound给hexo+next博客添加文章阅读数

    本文链接:https://www.haomeiwen.com/subject/yssswftx.html