【Win10】Hexo 搭建个人主页 (八)添加Gitment评论系统(中文版本已解决)
发布日期:2021-06-29 14:30:43 浏览次数:2 分类:技术文章

本文共 1357 字,大约阅读时间需要 4 分钟。

前言

本篇博文是关于添加Gitment评论系统。


如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:

准备工作

不采用搜狐的畅言的原因,功能确实非常强大,但是很多功能我用不上,也不会用,有两个问题:1)评论需要登录,有门槛;2)页面底部有广告。严重影响视觉体验。

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

这样,登陆评论只需要用github登陆即可,应该都有github账号吧,这样门槛就低了。

其实,步骤很简单,简单配置一下,不用写代码,10分钟就能弄好,主要分为3步:

第一步:注册 OAuth Application

确保你有github地址,看到这篇文章的人应该都有github地址吧。会提示你登陆的:

github地址:

callback URL这里填写的是我的博客网址,前面3项随便填个名字即可。

在这里插入图片描述

完成后可以看到有1 User。

第二步:修改themes下的_config.yml文件

我是hexo yilia 样式主题,修改它的hexo\themes\yilia_config.yml配置,其它主题大同小异,差不多。

在这里插入图片描述

将之前获得两个字符串填入即可,注意 : 后面有空格

gitment_owner: github账号 gitment_repo: github IO仓库 gitment_oauth:     client_id: 注册oauth application的client_id,上图有     client_secret:注册oauth application的client_secret,上图有

第三步:初始化评论

将本地先部署到云端,在终端输入以下指令

hexo d

打开一篇文章,翻到底部,然后下面会要你登录你的github,然后会跳转如下界面

在这里插入图片描述

页面发布后,你需要访问页面并使用你的 GitHub 账号登录,点击初始化按钮。

到这里为止,如果不出意外,基于github的gitment免费博客系统就做好了,10分钟差不多的样子。

每个页面,都需要初始化,需要逐一打开页面进行初始化。

效果

在这里插入图片描述

可能会遇到的bug

我的出现了一个问题,初始化评论的时候一直处于loading comments和logging in…状态。

在这里插入图片描述

如果你同样出现了这个问题,解决办法是:打开你的blog本地仓库themes\yilia\layout\_partial\post\gitment.ejs

修改为:

或者修改为下面这样:

更新,如果没有出现评论区,可以试试下面这个

再次更新哈,如果需要汉化版可以使用下面这个

在这里插入图片描述

然后重新部署

hexo ghexo d

到这里为止,基于gitment的博客评论系统基本可以用了,我们不妨简单测试一下(我是这届用的中文版就好了,其它版本的都没用,一直转圈圈…)

在这里插入图片描述

✿✿ヽ(°▽°)ノ✿ 点赞点赞~

✿✿ヽ(°▽°)ノ✿ 点赞点赞~
✿✿ヽ(°▽°)ノ✿ 点赞点赞~

学如逆水行舟,不进则退

转载地址:https://chocolate.blog.csdn.net/article/details/104260016 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:【Win10】Hexo 搭建个人主页 (九)添加字数统计和阅读时长功能
下一篇:【Win10】Hexo 搭建个人主页 (七)增加不蒜子统计(详细)

发表评论

最新留言

表示我来过!
[***.240.166.169]2024年04月19日 21时14分29秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

【Python爬虫实战】为何如此痴迷Python?还不是因为爱看小姐姐图 2019-04-29
零基础自学Python,你也可以实现经济独立! 2019-04-29
ElasticSearch与Mysql对比(ElasticSearch常用方法大全,持续更新) 2019-04-29
数字化转型的主干道上,华为云以“三大关键”成企业智能化推手 2019-04-29
数字化为何不走“捷”“径”? 2019-04-29
和总裁、专家交朋友,华为云助推政企智能化升级又做到前面去了 2019-04-29
BCOP章鱼船长,6月22日晚上8点上线薄饼 2019-04-29
为战疫助力,半导体功不可没 2019-04-29
了解这些操作,Python中99%的文件操作都将变得游刃有余! 2019-04-29
知道如何操作还不够!深入了解4大热门机器学习算法 2019-04-29
只有经历过,才能深刻理解的9个编程道理 2019-04-29
发现超能力:这些数据科学技能助你更高效专业 2019-04-29
AI当道,人工智能将如何改变金融业? 2019-04-29
消除性别成见,技术领域需要更多“乘风破浪的姐姐” 2019-04-29
7行代码击败整个金融业,这对20多岁的爱尔兰兄弟是如何做到的? 2019-04-29
2020十大编程博客:私藏的宝藏编程语言博客大放送! 2019-04-29
编程中的角色选择:哪类工作角色最适合你? 2019-04-29
10种算法一文打尽!基本图表算法的视觉化阐释 2019-04-29
未来属于人工智能工程师,但成功转型不容易 2019-04-29
科技界“挠头”:困扰科技界可持续发展的难题 2019-04-29