【Hexo搭建个人博客】(六)Next主题集成的第三方服务(Valine评论系统、Local Search搜索服务、不蒜子统计、百度统计分析服务、百度内容分享服务、MathJax公式服务)
2019-05-30 15:24
1086 查看
1. Valine评论系统
Hexo的评论系统非常丰富,但是也是各有优缺点:
Disqus
:国外,速度慢;Hypercomments
:国外,速度慢;来必力(LiveRe)
:国外,速度慢;畅言
:好用,需要备案;
Valine(官方网站)诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。
获取APP ID 和 APP Key
首先注册登录LeanCloud,选择创建应用:
进入刚刚创建的应用,在设置中国选择
应用 Key,将
APP ID和
APP KEY保存,后续使用:
为了数据安全,需要填写
应用>设置>安全设置中的
Web 安全域名,如图:
修改Next主题配置
打开
主题配置文件搜索
valine,填入
appid和
appkey:
其他配置
notify
邮件提醒:该功能目前还在测试阶段,谨慎使用(文档);avator
头像功能:Valine目前使用的是Gravatar作为评论列表头像(文档)language
多语言支持:目前Valine支持en
和zh-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
相关文章推荐
- Hexo个人免费博客(三) next主题、评论、阅读量统计和站内搜索
- hexo 博客next主题集成gitment或者gitalk评论系统
- hexo框架-next主题-github搭建个人博客
- Hexo+GitHub+Next主题搭建个人博客
- Gitment给基于hexo的yilia主题的博客搭建免费评论系统
- github+hexo搭建自己的博客网站(四)主题之外的一些基本配置(百度/google统计配置,不蒜子网站访问量显示)
- Hexo博客NexT主题美化之搜索服务
- Hexo博客NexT主题美化之评论系统
- hexo+gitHub搭建个人独立博客 Next主题配置(二)
- 基于Hexo+Next主题的个人博客搭建定制优化
- [Node]Hexo(next主题)+Coding搭建个人博客
- 搭建Hexo博客(Next主题)中踩过的坑
- (占坑编辑中)hexo个人博客主页添加百度搜索资源平台
- 【Hexo搭建个人博客】(十一)使用Appveyor持续集成博客(备份Hexo博客源文件)
- Hexo+GitHub搭建静态博客平台(三)-Next主题基本使用
- Node.js+Hexo搭建个人博客系统
- GitHub+hexo+gitment搭建一个具有评论功能的个人博客(入门级)
- 搭建个人博客 - 基础(Hexo + NexT)
- Hexo+Next主题博客提交百度谷歌收录