使用giscus为blog添加评论系统

giscus指一个非常好用的由GitHub讨论支持的评论系统,它可以让你把仓库中的讨论整合到你的博客中。

如何使用 GitHub 讨论作为聊天系统

为了将GitHub讨论整合到你的博客,我们将使用 giscus。
img
giscus是一个由GitHub讨论支持的评论系统。它可以让你把仓库中的讨论整合到你的博客中。

你的读者可以在你的博客上留下评论,这些评论会同时出现在你的博客和你的代码库的讨论页面上。

使用讨论区作为你的博客聊天系统的优势

  • 它是完全免费的
  • 没有广告或跟踪
  • 它超级强大
  • 你对评论有完全的控制权和完全的修改权。
  • 有很多主题
  • 它是相当可自定义的
  • 你可以在你自己的服务器上自行托管

请记住,此工具主要适用于开发者博客,因为大多数开发人员使用 GitHub。

如何在你的博客中整合giscus

先决条件

  • 一个博客(你必须能够获得源代码)
  • 一个 GitHub 帐户
  • 你选择的代码库必须是公开的

首先,你需要为你的代码库启用讨论功能。

转到代码库 Settings-> 在 Features部分下 -> 勾选 Discussions框。
img
接下来,在你的代码库中安装giscus应用程序。
转到 giscus主页,按照提示操作,并仅授予对选定代码库的访问权限。img
现在是重要的部分:我们需要配置giscus小部件。

首先,进入giscus主页,滚动到 Configuration部分。

选择您的小部件语言,这是您想要显示小部件的语言。
img
然后输入你的代码库名称和你的用户名,如用 username/reponame
对于页面↔️讨论映射,我建议选择 “讨论标题包含页面 URL”。但根据你的需要,选择最适合你的那一个。

接下来,在你的GitHub 代码库上的讨论页面创建一个类别——比如 “Comments(评论)”——或者选择现有的类别。

然后根据需要启用可选功能。

接下来,选择主题。不要担心,你可以通过编程来切换不同的主题。

最后,复制并粘贴生成的代码。

Giscus将根据你的设置生成一个脚本标签,你可以将其粘贴到你的代码中。

Author

Daniel Niu

Posted on

2024-03-08

Updated on

2024-09-27

Licensed under

Comments