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

gitalk success

结语#

等下提个 PR 去(不过先前的添加比特币打赏支援都没 merge🙄)

为 Hexo 主题 indigo 添加 gitalk 插件
https://blog.ckyol.moe/posts/hexoindigogitalk/
作者
ckyOL
发布于
2018-09-15
许可协议
CC BY-NC-SA 4.0

分享文章

生成精美分享图或复制链接,与更多人分享本文。

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取

评论

正在加载评论...

最后更新于 ,距今已过 2918

部分内容可能已过时