Gitment评论功能实战

Gitment 是一款基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。

前言

多说关闭了,影响了很多人,正好在v2ex上看到,可以使用GitHub issues来实现博客的评论功能。

这篇文章blog comment system replace disqus提供了2种方法。

这里写图片描述

Replacing Disqus with Github Comments这种方法比较麻烦。Gitment 是国内大神在Github issues的基础上开发的,这个很牛X,也很受欢迎。据作者本人说目前是没发现什么安全问题的。

Gitment

为自己的 GitHub Pages 博客添加评论功能,可以使用第三方评论插件,如 Disqus 、 Gitment 、 Utterances 等。 以 Gitment 为例,以下是添加评论功能的步骤: 1. 在 GitHub 上创建一个 OAuth App,用于 Gitment 认证。在 GitHub 的个人设置 - Developer settings - OAuth Apps 下面创建一个新的 OAuth App,填写应用名称、Homepage URL、Authorization callback URL 等信息。 2. 在你的 GitHub Pages 博客仓库下创建一个名为 _config.yml 的配置文件,添加以下内容: ``` gitment: owner: 你的 GitHub 用户名 repo: 存储评论的仓库名称 client_id: 创建 OAuth App 时的 Client ID client_secret: 创建 OAuth App 时的 Client Secret ``` 3. 在你的 GitHub Pages 博客仓库的 HTML 模板中添加 Gitment 评论插件的代码。可以使用以下代码: ``` <div id="gitmentContainer"></div> <link rel="stylesheet" href="https://imsun.netlify.app/gitment/style/default.css"> <script src="https://imsun.netlify.app/gitment/gitment.browser.js"></script> <script> var gitment = new Gitment({ id: '页面 ID', owner: '你的 GitHub 用户名', repo: '存储评论的仓库名称', oauth: { client_id: '创建 OAuth App 时的 Client ID', client_secret: '创建 OAuth App 时的 Client Secret', }, }); gitment.render('gitmentContainer'); </script> ``` 其中,id 为页面 ID,需要保证每篇文章的页面 ID 不同,可以使用文章标题或文件名作为 ID。 4. 创建一个单独的仓库,用于存储评论数据。在该仓库下创建一个名为 gitment 的分支,用于存储评论数据。 5. 将 Gitment 评论插件代码推送到你的 GitHub Pages 博客仓库,部署到 GitHub Pages 上。 这样,你的 GitHub Pages 博客就可以使用 Gitment 评论插件了。当用户在你的博客页面下发表评论时,评论内容将被存储在单独的仓库的 gitment 分支中。你可以在该分支下查看所有评论数据。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值