HEXO博客Next主题如何使用leancloud计数

碎碎念的博客从虚拟主机上的WordPress搬到github的hexo以来,博客崩溃的几率几乎为零,访问稳定性也比之前好许多。虽然hexo的易用性和拓展插件并不比WordPress傻瓜化,但作为一个有逼格的前端小猴子,我还是推崇更多的技术员来使用hexo这一类的博客系统。

从中我更直接地接触到底层的功能代码,以及更高效的构建工具。

推荐主题

HEXO博客系统中最流行的几款主题中:iissnan的Nextlitten的yilia 这两款我用过,还有light/hueman/phase等,自己上github动动手搜一下就出来了。

· yilia比较简洁,主题代码比较少,体积小,功能却是该有的都有了,甚至有特色功能instagram图片集页面,非常经典。

· Next主题功能强大,内置了三款主题风格,该有的功能都有了,评论、阅读数、标签、分类、rss等应有尽有,内置的统计功能更是囊括了目前流行的百度、谷歌、腾讯等统计。

天哪,我遭遇bug了!

在欣喜地折腾hexo+Next不到两天后,一天夜里,我发现博客的评论和阅读都消失了!

1
2
正确填写duoshuo_shortname后,首页文章标题下方的评论数依然为“暂无评论”,噢,暂你妹!
注册leancloud账号新建应用并且新建了名为 Counter 的Class数据后,每篇文章的阅读数坚挺在 1 这个数字上。隐隐感到受到自己博客的鄙视凸^-^凸

即使是我跟着Next使用手册依然存在着这两个问题,为此苦思冥想失眠N多个夜晚。

解决方法竟如此简单!

苦思冥想不是解决问题的好办法,要多看原项目github上的issue、搜索类似的问题,看看别人/作者是怎么解决的。然并卵!这个leancloud的计数问题,在原作的github上我并没有发现具体的解决办法,唯一一条是 “阅读数出不来了…… 噢,已经自己解决了,谢谢。” 呵呵哒

没办法,那就自己重新来创建一个应用好了。

新建leancloud项目

  1. 访问leancoud官网,用github/微博/QQ登录,完成注册信息,怕泄露隐私的,手机号随便写一个就是,完成邮箱验证。
    注册登录

获取项目API的key和ID

  1. 创建应用,进入app列表页,导航栏菜单创建新应用、填应用名、创建,欧了。
    创建应用

  2. 进入应用设置,左侧导航栏找到应用key,App ID 和 App key 静静地等着你呢~还愣着干哈?黏贴到Next的config.yml里呀
    获取ID和key

新建Counter数据

  1. 进入顶部导航存储,点击左侧菜单中数据齿轮ico(那叫设置!),选择创建Class,填写Counter,切记不可勾选创建日志表(勾选后counter的每个变量值都只能一次写入,不能修改,阅读数则为1)
    新建数据Class

清除缓存,重新编译

至此,leancloud的统计功能已经完成了,别忘了清除本地db.json
重新编译博客:

1
2
3
hexo clean
hexo g
hexo d

以上,完成阅读数设置。