Giscus实现博客评论的控制

由于原先的评论系统Waline国内用户无法使用，我尝试更换更方便的Giscus

因此目前这段时间的话，是同时支持两种评论方式的

虽然我也想多啰嗦几句，但实在想不出什么好段子（水字数）

直接进入正题吧（感觉AI用多了会把我的风格抹除，以及被AI的思维固定住，也许是我使用的方法不对）

---

配置

先去Giscus的官方链接 https://giscus.app/zh-TW 配置你的

• 儲存庫
• giscus 應用程式
• 連結的儲存庫已啟用 Discussions 功能 （确保已经开启）

  Setting > Features > Discussions

配置完成后刷新，下拉到啟用 giscus，你会看到成功得到一段script标签

<script ...></script>

将其复制下来，黏贴到自己的博文末尾（适当的地方），就可以应用到自己的前端内容了
普通的配置方法到这里就完了后面的可以不用看了（omdd）

---

Hexo的配置和使用

因为我所使用的不是单纯的前端，还需要进一步配置（我的是butterfly模板）

• 打开博客目录下的

  themes\butterfly\layout\post.pug

• 在 if page.comments !== false && theme.comments.use 内容下增加

if page.comments !== false && theme.comments.use
  - var commentsJsLoad = true
  !=partial('includes/third-party/comments/index', {}, {cache: true})

// 在评论区下面添加 Giscus
// 也可以完全移除上面那块 partial 调用
// 如果只用 Giscus：
.container.post-content
  script(
    src="https://giscus.app/client.js"
    data-repo="你的博客地址"
    data-repo-id="你的id"
    data-category="[在此輸入分類名稱]"
    data-category-id="[在此輸入分類 ID]"
    data-mapping="pathname"
    data-strict="0"
    data-reactions-enabled="1"
    data-emit-metadata="0"
    data-input-position="bottom"
    data-theme="preferred_color_scheme"
    data-lang="zh-TW"
    crossorigin="anonymous"
    async
  )

也可以直接吧属性复制下来贴到里面

.container.post-content
  script(
  	......

  )

---

完