【Hexo搭建个人博客】(六)Next主题集成的第三方服务(Valine评论系统、Local Search搜索服务、不蒜子统计、百度统计分析服务、百度内容分享服务、MathJax公式服务)

843 阅读3分钟

1. Valine评论系统

Hexo的评论系统非常丰富,但是也是各有优缺点:

  • Disqus:国外,速度慢;
  • Hypercomments:国外,速度慢;
  • 来必力(LiveRe):国外,速度慢;
  • 畅言:好用,需要备案;

Valine(官方网站)诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。

获取APP ID 和 APP Key

首先注册登录LeanCloud,选择创建应用:

进入刚刚创建的应用,在设置中国选择应用 Key,将APP IDAPP KEY保存,后续使用:

为了数据安全,需要填写应用>设置>安全设置中的Web 安全域名,如图:

修改Next主题配置

打开主题配置文件搜索 valine,填入appidappkey

其他配置

  • notify邮件提醒:该功能目前还在测试阶段,谨慎使用(文档);
  • avator头像功能:Valine目前使用的是Gravatar作为评论列表头像(文档
  • language多语言支持:目前Valine支持enzh-cn
  • visitor:文章阅读量统计;
  • comment_count:评论数统计;

注:如果想增加邮件提醒功能,请参考文章Hexo 优化 — 支持邮件通知的评论 Valine 增强版

评论系统效果如下:

2.Local Search搜索服务

Next主题集成的第三方搜索服务有:

  • Algolia search:为网站与移动应用提供托管式搜索API的初创企业,总部位于旧金山(试了一下,);
  • Local search:本地站点搜索,方便,没有数据统计功能;
  • Swiftype Search:只对企业开放;

安装 hexo-generator-searchdb

在站点的根目录下执行以下命令:

npm install hexo-generator-searchdb --save

修改站点配置文件

编辑 站点配置文件,新增以下内容到任意位置:

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

配置主题配置文件

编辑 主题配置文件,启用本地搜索功能:

效果

3. 不蒜子统计

不蒜子是一个极简的网页计数器,可以统计:

  • 文章的阅读量;
  • 站点访问量;
  • 站点访问人数;

编辑 主题配置文件 中的busuanzi_count的配置项。

效果如下:

4.百度统计分析服务

访问百度统计网站并登录,添加需要统计的域名,定位到站点的代码获取页面。

复制 hm.js?后面那串统计脚本 id,如下图所示:

编辑 主题配置文件, 修改字段 baidu_analytics,设置成你的百度统计脚本 id:

5.百度内容分享服务

编辑 主题配置文件,如图:

6.MathJax公式服务

NexT 借助于 MathJax 来显示数学公式:

首先更换Hexo的默认的hexo-renderer-marked渲染引擎,改为hexo-renderer-kramed:

npm uninstall hexo-renderer-marked
npm install hexo-renderer-kramed --save

然后编辑 主题配置文件, 将 mathjax下的 enable 设定为 true 即可,cdn 用于指定 MathJax 的脚本地址,默认是 MathJax 官方提供的 CDN 地址:

如果博客里面用到了latex公式,那么就在文件头加上这一行即可:

mathjax: true