313 字
2 分钟
为 Hexo 主题 indigo 添加 gitalk 插件
缘起
去年给现在用的主题添加了 gitment 评论插件后一直使用良好,但今天新 po 文章发现 gitment 停摆了🌚,表现为无法 initialize、登录出现 [object ProgressEvent] 错误。观察 gitment 也许久没更新,估计作者跑路没时间更,而 github 或许又有什么变动造成不能用。因此物色新评论系统。
Gitalk
这时观察到 gitalk 可以较好替代,有如下优点:
- 作者更新勤
- 工作正常
- 界面优雅
- 动画丰富
- 自动建 issue
等等
轻车熟路加插件
因为有了先前经验为 Hexo 主题 indigo 添加 gitment 支持,直接加插件。类似 gitment 只需替换 style、script 链接,将 gitalk 关联 config.yml 即可
<% if (theme.gitalk){ %><section class="comments" id="comments"> <div id="gitalk-container"></div> <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css"> <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script> <script> var gitalk = new Gitalk({ clientID: '<%- theme.gitalk.client_id %>', clientSecret: '<%- theme.gitalk.client_secret %>', repo: '<%- theme.gitalk.repo %>', owner: '<%- theme.gitalk.owner %>', admin: '<%- theme.gitalk.admin %>', id: '<%= page.date %>', distractionFreeMode: false })
gitalk.render('gitalk-container') </script></section><% } %>默认 label 用 URL 难免超 50 字,为保标签不爆改用时间。若不喜欢可替换。
然后在 comment.ejs 加载 gitalk 即可
测试
添加完后 blog 成功加载 gitalk

结语
等下提个 PR 去(不过先前的添加比特币打赏支援都没 merge🙄)
为 Hexo 主题 indigo 添加 gitalk 插件
https://blog.ckyol.moe/posts/hexoindigogitalk/分享文章
生成精美分享图或复制链接,与更多人分享本文。
继续阅读
换条路线
从其他文章中稳定抽取
最后更新于 ,距今已过 2918 天
部分内容可能已过时
评论