用LeanClound給hexo+next博客添加文章閱讀數(shù)

個人博客之前用的NexT 框架介紹 不蒜子統(tǒng)計 來統(tǒng)計文章閱讀數(shù)、網(wǎng)站訪問人數(shù)和網(wǎng)站訪問總數(shù)。但是總是發(fā)現(xiàn)文章閱讀數(shù)老是出現(xiàn)問題,因此把文章閱讀數(shù)換成用LeanCloud來統(tǒng)計,看起來也方便。LeanCloud的免費(fèi)的開發(fā)版完全滿足了我博客這種小網(wǎng)站的需求了。
配置起來也很方便,下面做個記錄:

注冊LeanClound賬號

這個很方便,微博,GitHub都可以直接關(guān)聯(lián)注冊,或者直接用郵箱注冊。

創(chuàng)建應(yīng)用


比如我創(chuàng)建一個名為andyron.com.counter的應(yīng)用。

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

創(chuàng)建Class

  • 在應(yīng)用的數(shù)據(jù)配置界面,左側(cè)下劃線開頭的都是系統(tǒng)預(yù)定義好的表,為了便于區(qū)分我們新建一張表來保存我們的數(shù)據(jù)。
    新建Class用來專門保存我們博客的文章訪問量等數(shù)據(jù),理論上來說名字可以隨意取名,只要你交互代碼做相應(yīng)的更改即可,但是為了保證對NexT主題的修改兼容,此處的新建Class名字必須為Counter:

添加安全域名

添加安全域名后,只有這些安全域名才有權(quán)訪問后臺的數(shù)據(jù)了,可以進(jìn)一步提升安全性。


修改一下主題配置文件

修改配置文件next/_config.yml

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

# Show PV/UV of the website/page with busuanzi. 不蒜子統(tǒng)計
# 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> 訪問人數(shù)
  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框架已經(jīng)不需要再配置樣式,可以看到


在LeanCloud中也可以查看數(shù)據(jù)了:


注:objetcId這個主鍵是由日期和博文標(biāo)題組合成的,因此標(biāo)題變化,閱讀會重新計數(shù)

參考:
為NexT主題添加文章閱讀量統(tǒng)計功能
使用leancloud給博客添加閱讀次數(shù)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容