商汇粹外网资源平台

搜索
查看: 2003|回复: 5

github+hexo搭建博客怎么增加评论和浏览量功能?

[复制链接]

该用户从未签到

4

主题

18

帖子

72

积分

注册会员

Rank: 2

积分
72
发表于 2022-10-28 09:15:13 | 显示全部楼层 |阅读模式
github+hexo已经搭好远程博客,想问一下大牛们是怎么实现在博客中增加评论和浏览量功能的?麻烦告知
回复

使用道具 举报

该用户从未签到

0

主题

14

帖子

52

积分

注册会员

Rank: 2

积分
52
发表于 2022-10-28 09:36:53 | 显示全部楼层
Hexo 博客添加评论功能,可以使用 Valine 评论插件,增加浏览量功能,可以使用 Leancloud。
添加评论功能

添加评论功能,可以参考一位博客作者写的项目文档:https://github.com/zhaojun1998/Valine-Admin

添加单篇博客阅读量统计

博客不像公粽号——会在文章页面的左下角显示阅读数,如果我们想要为博客添加单篇文章阅读量的统计功能,还需要手动进行配置。
配置之前,最好先查看一下你使用的 Hexo 主题的配置文件 _config.yml 是否已经写好了相关的代码,只是默认暂未开启统计功能。
以我在用的 hexo-theme-fluid 主题为例,打开 Hexo 主题的 _config.yml 文件,按下快捷键 Ctrl + F 打开搜索功能,你可以试着使用下方这些关键字进行搜索,查看 Hexo 主题是否写好了统计博客阅读量的代码:

  • web analytics
  • views
  • leancloud



譬如,我使用的 Hexo 主题「fluid」就写好了统计阅读量的代码,只是缺少相应的配置,默认就无法统计单篇文章的阅读量。
这里我使用一个第三方服务 Leancloud 来统计文章的阅读量。
首先需要打开 Leancloud 的官网,注册一个账号,注册好账号之后,点击左上角的按钮,创建一个应用。



创建时「应用名称」可以随你自由命名,下方的「应用计价方案」选择「开发版」就好,不需要花钱,接着点击右下角的蓝色按钮「创建」。



创建好应用之后,打开应用的「设置 >> 应用 Keys」,页面中有两个参数,一个是 AppID,一个是 AppKey
这两个参数下方的值等会要用到,暂时不要把网页关掉。



回到博客主题的配置文件中,搜索 Leancloud,如下图所示,可以看到 leancloud 下方有两个需要配置的参数,一个是 app_id,一个是 app_key,这两个参数的值就分别对应上面说到的 AppIDAppKey



接着我们还要开启每篇博客的数据统计的功能,在博客主题配置文件中搜索关键字 view。
每篇博客的数据统计 views 下方有两个参数,一个是 enable,将其设置为 enable 或 true 都可以;一个是统计的来源 source,设置为 leancloud。



完成以上配置之后,将所有变更 Push 到服务器,稍等一小会,刷新自己的博客,一般情况下,就可以在每篇博客的顶部看到阅读量的统计数据了。



以上希望有帮助。
我是工具达人 @彭宏豪
,每天推荐好用的软件、解决各种难题,前往我的个人主页,查看更多精彩内容。
回复

使用道具 举报

该用户从未签到

5

主题

10

帖子

29

积分

新手上路

Rank: 1

积分
29
发表于 2022-10-28 09:58:33 | 显示全部楼层
我的站点评论系统用的gitment,浏览量统计用的leancloud,我正在使用的主题是next,可以参考下我的站点Fayne
回复

使用道具 举报

该用户从未签到

2

主题

6

帖子

54

积分

注册会员

Rank: 2

积分
54
发表于 2022-10-28 10:20:13 | 显示全部楼层
一、前言
来必力:https://livere.com(来自韩国,使用邮箱注册。)
一直在找一个可以用国内账号评论且不需实名的评论系统,发现来必力可以满足。
使用效果如下图所示。具体外观可以进我的博客查看:https://rchardzhu.github.io/



二、hexo博客新增来必力评论功能


  • 注册账号
打开来必力官网注册:https://livere.com  韩文可以用google浏览器的翻译功能来翻译成中文。
2. 获取livere uid
点击https://livere.com/页面 上方的安装,选择免费的city版本。填写真实的网站信息,比如我的博客站点是https://rchardzhu.github.io/




复制其中的data-uid字段。
编辑文件themes/next/_config.yml,启用livere评论系统。如下所示:
comments:  # Available values: tabs | buttons  style: tabs  # Choose a comment system to be displayed by default.  # Available values: changyan | disqus | disqusjs | gitalk | livere | valine  active: livere  # Setting `true` means remembering the comment system selected by the visitor.  storage: true  # Lazyload all comment systems.  lazyload: false
定位到livere_uid字段,粘贴上刚刚复制的UID。
# LiveRe comments system# You can get your uid from https://livere.com/insight/myCode (General web site)livere_uid: MxxxxxxxxxxA==
4. 本地运行
$hexo generate$hexo serve
5. 部署
$hexo clean$hexo generate$hexo deploy
6. 查看数据
可以去https://livere.com/insight 这个地址查看数据。
回复

使用道具 举报

该用户从未签到

1

主题

5

帖子

27

积分

新手上路

Rank: 1

积分
27
发表于 2022-10-28 10:41:53 | 显示全部楼层
推荐使用HyperComments ,这个可以匿名评论 ,只要配置一下next中的hypercomments_id就可以。国内的大多评论都要网站备案才能用。
浏览量可以用LeanCloud也是配置一下ID就能用。这个还支持直接改阅读量,方便装X。
回复

使用道具 举报

该用户从未签到

0

主题

8

帖子

36

积分

新手上路

Rank: 1

积分
36
发表于 2022-10-28 11:03:33 | 显示全部楼层
我目前正在使用 raytaylorism 主题,这是我的博客Loo's Blog,我做了一些优化,加入了访客和阅读量统计和美化了多说评论,具体细节可以查看利用Github Pages + Hexo搭建个人博客,raytaylorism主题清新干净,颜色搭配得不错。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表