温馨提示×

五分钟搭建博客评论组件-gitalk

小云
84
2023-09-20 09:46:39
栏目: 编程语言

以下是在五分钟内搭建博客评论组件 Gitalk 的步骤:

  1. 在 GitHub 上创建一个新的仓库,用来存储博客的评论数据。例如,创建一个名为 blog-comments 的仓库。

  2. 在博客项目的页面中引入 Gitalk。可以使用 NPM 或者直接下载文件来引入。具体引入方式可以参考 Gitalk 的官方文档。

  3. 在页面中添加一个用于显示评论的容器。可以在博客页面的 HTML 文件中添加一个 <div> 元素,例如:

<div id="gitalk-container"></div>
  1. 初始化 Gitalk。在博客页面的 JavaScript 文件中使用以下代码初始化 Gitalk:
var gitalk = new Gitalk({
clientID: 'YOUR_CLIENT_ID',
clientSecret: 'YOUR_CLIENT_SECRET',
repo: 'blog-comments',
owner: 'YOUR_GITHUB_USERNAME',
admin: ['YOUR_GITHUB_USERNAME'],
id: location.pathname,
distractionFreeMode: false
});
gitalk.render('gitalk-container');

请确保将上述代码中的 YOUR_CLIENT_IDYOUR_CLIENT_SECRETYOUR_GITHUB_USERNAME 替换为你自己的 GitHub 应用程序的客户端 ID、客户端密钥和用户名。

  1. 将修改后的博客项目推送到 GitHub 上。

完成上述步骤后,你的博客页面将会显示 Gitalk 的评论组件,并且用户可以通过 GitHub 账号进行评论。评论的数据将会存储在刚刚创建的 blog-comments 仓库中。你可以在 Gitalk 的官方文档中找到更多的配置选项,以及如何在本地调试 Gitalk 的详细信息。

0