Gitment 是作者imsun实现的一款基于 GitHub Issues 的评论系统. 支持在前端直接引入, 不需要任何后端代码. 可以在页面进行登录, 查看, 评论, 点赞等操作. 同时有完整的 Markdown / GFM 和代码高亮支持. 尤为适合各种基于 GitHub Pages 的静态博客或项目页面.
这篇文章仅介绍如果在 hexo-NexT 中添加 Gitment 评论插件, 并且增加一个点开显示评论的按钮, 对于 Gitment 的使用请参考 imsun 的博客.
另外, 本教程的按钮样式和代码均直接取自 ehlxr 博主.
“显示 Gitment 评论” 的按钮样式
在 next/source/css/_common/components 目录中新建一个 gitment.styl 的 css 样式文件, 复制以下代码
1 | .gitment_title:hover { |
然后打开同目录中的 components.styl 文件, 找个顺眼的位置添加一句1
添加 Gitment 插件
打开 /next/layout/_partials/comments.swig 文件, 在最后一个 elseif 代码块下面添加 Gitment 的内容.
例如我的就是这样
1 | ... // 上面内容省略了.. |
然后打开 NexT 主题的 _config.yml 文件, 在评论相关设置的区域添加下面的代码, 并根据 Gitment 文档说明来添加相应的值
1 | # Gitment comments |
lazy属性为是否直接显示评论模块,true会显示”显示评论”按钮,false会直接显示