Hexo博客增加文章阅读统计和评论功能

从零开始教你使用hexo搭建github page完全免费的个人博客

1、增加文章阅读数统计功能

1、注册 LeanClound 账号
2、创建应用

3、获取APP ID,APP Key,之后再配置文件中配置。

4、创建Class

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

5、添加安全域名

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

6、修改一下主题配置文件

修改配置文件next/_config.yml

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

7、效果

hexo中可以看到访问次数

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

2、增加文章评论功能

1、注册账号

登录 来必力官网,注册账号

2、来必力提供了三个版本:

  • LiveRe收费版
  • City免费版
  • Premium收费版

根据跟人情况选择,这里使用免费版,之后会在右上角:头像-》管理页面-》 代码管理-》一般网站上查看生产的代码,这里会用到date-uid

3、配置livere统计

修改:项目下-》themes->next(请查看自己主题)->_config.yml,打开livere_uid,并填写来必力生成的uid

livere_uid: 你的uid

4、查看评论功能

如下:使用QQ登录

5、其他设置

统计评论数,评论账号,分享数等

3、公众号

欢迎关注公众号:理木客

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要为 Hexo 添加搜索功能,你可以使用第三方搜索引擎,如 Algolia 或 Google Custom Search。这里我们介绍如何使用 Algolia。 Algolia 是一个强大的搜索引擎,提供了易于使用的 API,可以轻松地将搜索功能添加到你的 Hexo 中。以下是如何为 Hexo 添加 Algolia 搜索的步骤: 1. 注册 Algolia 账户并创建一个应用程序。 2. 安装 Hexo Algolia 插件。 ``` npm install hexo-algolia --save ``` 3. 在根目录下创建一个名为 `algolia.json` 的配置文件,并填写以下内容: ``` { "applicationID": "YOUR_APP_ID", "apiKey": "YOUR_API_KEY", "indexName": "YOUR_INDEX_NAME" } ``` 将 `YOUR_APP_ID`、`YOUR_API_KEY` 和 `YOUR_INDEX_NAME` 替换为你在 Algolia 上创建的应用程序的信息。 4. 在你的 Hexo 主题中添加搜索框和搜索结果页面。 在主题的相应文件中添加以下代码: 搜索框: ```html <form class="search-form" method="get" action="/search/"> <input class="search-input" type="text" placeholder="Search" name="query"> <button class="search-submit" type="submit">Search</button> </form> ``` 搜索结果页面: ```html --- title: "Search Results" layout: "search" --- <section class="search-results"> {% for page in page.posts %} <article class="search-result"> <h2 class="search-result-title"><a href="{{ page.url }}">{{ page.title }}</a></h2> <p class="search-result-excerpt">{{ page.excerpt }}</p> </article> {% endfor %} </section> ``` 5. 重新生成站点并上传到你的服务器。 ``` hexo generate ``` 6. 同步你的数据到 Algolia 上。 ``` hexo algolia ``` 完成以上步骤后,你的 Hexo 就可以使用 Algolia 进行搜索了。当用户在搜索框中输入关键字并提交时,将会跳转到搜索结果页面,显示与关键字匹配的文章列表。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值