hexo 博客next主题集成gitment或者gitalk评论系统

本文详细介绍了如何在Hexo的Next主题中集成Gitment和Gitalk评论系统,包括配置文件修改、样式添加以及可能出现的问题和解决方案。强调了这两种评论系统的优缺点,如Gitment的Markdown支持和Gitalk的移动端适配,同时提供了提高Gitalk加载速度的方法。
摘要由CSDN通过智能技术生成

原文链接hexo 博客next主题集成gitment或者gitalk评论系统

前言

之前使用多说,多说挂了,用网易跟帖代替,网易跟帖又没了。前段时间用来必力,感觉还行,但总归不踏实。后面发现有gitment,用github的issue作为评论载体,感觉靠谱许多。下面介绍一下hexo 的naxt主题中如何集成gitment以及gitalk评论系统。注:next主题版本为5.1.3,其他版本可能略有差异。

准备

在使用以上两个评论系统之前,都需要在github注册新的应用

参数说明:

Application name:   #应用名称
Homepage URL:  #网站URL
Application description #描述
Authorization callback URL:#网站URL

填写完成后,点击register application。

最后会生成Client ID以及Client Secret,后面需要用到。

完成之后需要创建一个仓库,仓库的名称为刚才应用的名称。

next主题集成gitment

主题配置

修改主题配置文件next/_config.yml


# Gitment
# Introduction: https://imsun.net/posts/gitment-introduction/
gitment:
  enable: true
  githubID: github帐号
  repo: 仓库名  #例如:BlogComments
  ClientID: Client ID
  ClientSecret: Client Secret
  lazy: flase  #false显示github评论框
修改next/languages/zh-Hans.yml

在zh-Hans.yml中增加一行,当然来如果你的主题语言是英语,就修改
en.yml

gitmentbutton: 显示评论
修改/layout/_partials/comments.swig

在文件的最后一个

</div>

后面再插入一个else if 分支

{% elseif theme.gitment.enable %}
       {% if theme.gitment.lazy %}
         <div onclick="ShowGitment()" id&
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值