本文提供的所有語言版本: 繁中

今天終於想辦法在博客裏添加了評論區,熱淚盈眶。

我選擇的是 Gitalk

首先在 GitHub 頁面右上角選擇 Settings,然後進入 Developer settingsOAuth AppsNew OAuth App。在裏面填寫 Application name(任意)、Homepage URLAuthrization callback URL(博客地址)。提交之後獲得 Client IDClient Secret

接下來在 _layouts/posts.html 裏,正文以下的位置添加如下代碼:

<!-- Gitalk start -->
<div id="gitalk-container"></div> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script>
  var title = location.pathname.substr(0, 50);
  var gitalk  = new Gitalk ({
      clientID: '', # 獲得的 Client ID
      clientSecret: '', # 獲得的 Client Secret
      repo: '', # 倉庫名
      owner: '', # 用戶名
      admin: [''], # 用戶名
      id: title
      distractionFreeMode: false  // Facebook-like distraction free mode
      })
      gitalk.render('gitalk-container')
</script>
<!-- Gitalk end -->

然後對評論系統初始化,這樣就大功告成了!

版權聲明: 如無特別聲明,本文版權歸 鍊磨館 所有,轉載請註明本文鏈接。

(採用 CC BY-NC-SA 4.0 許可協議進行授權)

本文標題:《 給我的 Jekyll 博客添加 Gitalk 》

本文鏈接:https://lanliet.me/jekyll/add-gitalk.html

本文最後一次更新為 天前,文章中的某些内容可能已過時!