资讯专栏INFORMATION COLUMN

hexo加入gitment评论功能

A Loity / 2048人阅读

摘要:文章首次发表在加入功能前言是作者实现的一款基于的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录查看评论点赞等操作,同时有完整的和代码高亮支持。

文章首次发表在: hexo加入gitment功能 
前言

Gitment 是作者实现的一款基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作,同时有完整的 Markdown / GFM 和代码高亮支持。尤为适合各种基于 GitHub Pages 的静态博客或项目页面。

使用
next(v5.1.4)支持gitment功能
使用步骤 1. 注册 OAuth Application

点击https://github.com/settings/applications/new注册,注意Authorization callback URL填自己的网站url, 比如我的 https://wangyaxing.cn/

你会得到一个 client ID 和一个 client secret,这个将用于以下的配置中

2.在主题文件下的_config.yml中配置

找到gitment进行配置

gitment:
  enable: true
  mint: true # RECOMMEND, A mint on Gitment, to support count, language and proxy_gateway
  count: true # Show comments count in post meta area
  lazy: false # Comments lazy loading with a button
  cleanly: false # Hide "Powered by ..." on footer, and more
  language: # Force language, or auto switch by theme
  github_user: Your Github ID
  github_repo: 新建一个代码仓库,用于存储评论内容, 这里千万注意添加仓库名称而不是完整地址
  client_id: # MUST HAVE, Github client id for the Gitment
  client_secret: # EITHER this or proxy_gateway, Github access secret token for the Gitment
 
遇到的问题 1. not fund

出现这个问题的原因是因为配置ower, repo的时候错了

repo指的是仓库名称而不是仓库地址

2.点击初始化评论报错 Error:validation failed

刚开始看了好多文章, 一直修改next/layout/_partials/comments.swig, 而且还加了如下内容, 但是修改完之后一直没有起作用, 后来又查找源码, 发现V5.1.4版本和之前的不太一样, 并不用自己添加一些内容,这也是提醒大家查找解决方法时一定要注意修改的版本号

之前的版本

现在的版本内容如下:

修改next/layout/_third-party/comments/gitment.swig
[图片上传失败...(image-c5fa0f-1536162212603)]

修改ID由默认的window.location.pathnamepage.date解决ID长度过长报错问题

3.自动初始化评论问题

初始化评论框方案讨论
自动初始化 Gitalk 和 Gitment 评论

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97438.html

相关文章

  • 用GitHub Issue取代多说,是不是很厉害?

    摘要:摘要别了,多说,拥抱。年月日,多说正式下线,这多少让人感觉有些遗憾。其中,必须填写博客的域名我填的是。注册成功之后将获取与,后面将会用到。但是这些是不存在的,因此需要通过初始化去创建。这一点比较麻烦,因为对于每一篇博客都需要进行初始化。 摘要: 别了,多说,拥抱Gitment。 2017年6月1日,多说正式下线,这多少让人感觉有些遗憾。在比较了多个博客评论系统,我最终选择了Gitmen...

    awokezhou 评论0 收藏0
  • 基于 github issues 实现第三方评论系统

    摘要:什么是第三方评论系统博客或系统,一般都是有内容和评论两部分组成。而且垃圾评论和过滤非法关键字难度较大,所以在国内外都有第三评论系统。三评论系统实现预备工作创建。 本文只是介绍如何基于 github issues 实现第三方评论系统,对于 Hexo 介绍,本文并不打算详述,如果有童鞋之前还没有了解 Hexo 的,可以先看一下之前文章《静态博客框架 Hexo 入门 》,或者直接访问 Hex...

    waltr 评论0 收藏0
  • Hexo折腾记

    摘要:前言博主之前也有折腾和可对于一个前端来说,让人没法尽兴,因为不知道该如何添加自己的代码。下面记录博主搭建的整个过程。若这两个条件满足,则创建一个目录的。 如果时间可以静止,我希望就停在此刻。 前言 博主之前也有折腾wordpress和jekyll可对于一个前端er来说,wordpress让人没法尽兴,因为不知道该如何添加自己的代码。而jekyll就太麻烦了每一次都需要重新提交,而且样式...

    RaoMeng 评论0 收藏0
  • 用vuepress搭建一个够自己用的博客(带评论功能)

    摘要:那么我们如何在博客中实现这个功能呢,其实很简单,首先修改我们的文件介绍正在使用的构造函数附加到根实例的一些选项当前应用的路由实例站点元数据对的判断是防止编译的时候报错然后新建一个的文件取消默认的复制事件作者静水深流原文著作权归作者所有。 原文博客 闲扯 很久以前,自己拥有一个用hexo搭建的静态博客网站,记得当时为了把它搞出来,废了不少劲,然后后来又断断续续更改过一些配置和样式,但是因...

    thekingisalwaysluc 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<