Gitment评论插件的使用

前言

继上一篇的
GitPages部署自己的网站

现在开始添加博客的评论插件Gitment。这里的话我是使用hexo添加gitment插件,如果不是使用hexo,请到官网指定这里

开始

第一步 注册 OAuth Application

首先在点击这里注册自己OAuth Application,
此处有四个内容:

Application name: 随意填写
Homepage URL: 随意填写一个url
Application description: 随意填写
Authorization callback URL: 填你的博客网址(例: https://user.github.io/blog/),如果有域名则填域名。

注册完后你会得到一个 client ID 和一个 client secret,记住这两个玩意,等会hexo配置会用到

第二步 安装Gitment

在你的博客下使用npm进行安装gitment

$ npm install --save gitment

第三步 修改主题配置

因为这里我使用的是Next主题配置,在配置文件搜索关键字gitment,主要配置如下:

gitment:
  enable: true //这里必须为开启
  ...
  github_user: username
  github_repo: blog_comments #新建一个存储评论的仓库,这里填写仓库名
  client_id: #第一步注册的client_id
  client_secret: #第一步注册的client_secret
  ...

github_user不知道是哪个?你在github页面中,点击你的头像看到第一行显示signed in as xxx
就是填写这个xxx。github_repo这里是让你再新建一个仓库,用来存储评论的,不是当前的这个博客的仓库,
然后填上你仓库名的名字,对!就是单纯的名字,仓库名叫blog_comments就填blog_comments

第四步 初始化评论插件

搞定好以上的步骤后,你就能看到博客的下方是这样的

点击登入后,(未开放评论)的地方会显示一个按钮让你初始化,点击按钮然后你就可以进行评论啦!

好了,到此为止就搞定了成功接入了Gitment插件了。如果有什么问题可以留言一下咯。Thanks?(?ω?)?。
参考我的博客

原文地址:https://www.cnblogs.com/Johnson-lin/p/11385415.html

时间: 2024-08-29 18:11:37

Gitment评论插件的使用的相关文章

一个前端引用Facebook评论插件案例

最近公司海外的同事提了一个新的需求:那就是将Facebook的评论系统接入到公司海外网站的资讯详情页. 下面做一个简单的介绍: 首先我们登录到Facebook开发者平台:然后进入评论插件系统(https://developers.facebook.com/docs/plugins/comments) 然后我们就可以看到Facebook评论插件的详细介绍. 进去之后我们就可以看到一个获取代码的按钮:只要输入我们需要评论的宽度就可以了: JS代码:/*************************

zencart批量评论插件Easy Populate CSV add reviews使用教程

此插件在Easy Populate CSV 1.2.5.7b产品批量插件基础上开发,有1.3x与1.5x两个版本. 批量评论插件安装好之后,先从后台Tool-> Easy Populate ,制作reviews评论批量表. 下载Reviews列表,点击如下图所示链接即可下载,下载后的批量表第一行如果是空白行,请删除第一行空白. 若所有产品都没有评论,下载后的评论批量表如下图所示,是没有评论内容的,只有产品型号与产品名称有内容. 各列数据代表的意思如下: v_products_model(产品型号

【Angular JS】网站使用社会化评论插件,以及过程中碰到的坑

目前正在开发自己的网站,技术上使用Angular JS + Express JS + Mongo DB.由于网站会有文章发布,因此需要有评论功能.评论功能也可以自己开发,但由于现在社会化评论插件很多,因此没有必要多花精力,使用专业的就好. 1. 什么是社会化评论插件?都有哪些常用的插件? 社会化评论插件,指的就是无需自己开发评论功能,在自己网页上使用第三方的评论框,发出的评论将被保存在第三方的服务器上.使用时要在插件提供方官网上注册,注册好之后可获取实现功能的JS代码,以及将来可在官网上管理自己

搜狐畅言社交化评论插件接入之单点登录

很久以前就想做关于Jfinal的社区,可是苦于不像去写那种留言与回复的那种功能,于是就想着要通过第三方的那种社交评论插件去完成这种功能呢,而且还想着去使用那种一件登录,可是又不想去申请所谓的APPKEY和APPID,处于这种偷懒的心态,所以就有了这一篇博文.假如你也有这种类似的想法,大家可以一起来看看. 关于这个插件,我就不多说了,链接在这里大家自己去点,完了自己去了解,申请账号及相关的设置. 畅言插件主页: http://changyan.kuaizhan.com/ 重要的: 强烈建议大家在使

号外号外!解决github+hexo+yilia评论插件的问题!!!

先走一波效果图!    本人网站--http://www.wenzheng.club/ ps:效果还是不错的,支持QQ微信登录,支持表情,甚至gif动图评论! 插件采用韩国服务器的来必力评论插件--https://livere.com/ 电脑端效果如下                          2018-02-0223:05:56 下面是手机端 相信看到这个帖子的同学,对于我这个话题肯定很感兴趣 Hexo博客的Yilia主题中评论系统只提供了畅言.网易云跟帖.多说和Disqus. 但是多

在个人博客中优雅的使用Gitalk评论插件

在上一篇博客<程序员如何从0到1搭建自己的技术博客>中,我们了解了如何快速的从0到1搭建一个个人博客. 其实细心的你会发现,该博客用到了一个评论插件,这个插件就是Gitalk. 如果想要在博客中正确的使用该插件,还是需要修改下_config.yml里关于Gitalk的配置的. 也许你会好奇Gitalk是什么?有什么用途? 我们打开下Gitalk的官网https://gitalk.github.io/,就能看到答案. Gitalk其实就是一个评论插件,访问网站的用户可以使用GitHub账号登录后

一款超好用的第三方评论插件--Gittalk

使用GITALK的背景: 1. 最近在做一个基于Java的个人博客系统,已经基本完工了,突然发现怎么没有评论的操作,如果再从头开始从数据库开始写的话,花费的代价有点大,于是乎我就在网上寻找一款适合我的第三方评论插件,第一次我找到了"畅言",结果很令人失望,因为我的网站没有备案,所以无法使用"畅言".于是Gitalk就映入了我的眼帘. 2. Gitalk 最初推出来,应该是想配合在 github 上建博客,方便添加评论功能的.随着其他评论插件的没落,Gitalk 就火

为hexo博客添加基于gitment评论功能

关于gitment gitment其实就是利用你的代码仓库的Issues,来实现评论.每一篇文章对应该代码仓库中的 一个Issues,Issues中的评论对应你的博客每篇文章中的评论.如果你是用github的博客的话 用起来将会十分的方便. 注册github应用 首先需要在这注册一个OAuth Application, 请戳此处.在注册的过程中,你需要输入以下的东西: Application name 随意就好 Homepage URL 你的博客地址,例如https://detectivehlh

多说评论插件的体验

替换前: <!-- 多说评论框 start --> <div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div> <!-- 多说评论框 end --> <!-- 多说公共JS代码 start (一个网页只需插入一次)