由于github.io为静态页面托管,如何为自己的博客添加评论功能?
时间: 2024-02-24 15:57:53 浏览: 43
为自己的 GitHub Pages 博客添加评论功能,可以使用第三方评论插件,如 Disqus 、 Gitment 、 Utterances 等。
以 Gitment 为例,以下是添加评论功能的步骤:
1. 在 GitHub 上创建一个 OAuth App,用于 Gitment 认证。在 GitHub 的个人设置 - Developer settings - OAuth Apps 下面创建一个新的 OAuth App,填写应用名称、Homepage URL、Authorization callback URL 等信息。
2. 在你的 GitHub Pages 博客仓库下创建一个名为 _config.yml 的配置文件,添加以下内容:
```
gitment:
owner: 你的 GitHub 用户名
repo: 存储评论的仓库名称
client_id: 创建 OAuth App 时的 Client ID
client_secret: 创建 OAuth App 时的 Client Secret
```
3. 在你的 GitHub Pages 博客仓库的 HTML 模板中添加 Gitment 评论插件的代码。可以使用以下代码:
```
<div id="gitmentContainer"></div>
<link rel="stylesheet" href="https://imsun.netlify.app/gitment/style/default.css">
<script src="https://imsun.netlify.app/gitment/gitment.browser.js"></script>
<script>
var gitment = new Gitment({
id: '页面 ID',
owner: '你的 GitHub 用户名',
repo: '存储评论的仓库名称',
oauth: {
client_id: '创建 OAuth App 时的 Client ID',
client_secret: '创建 OAuth App 时的 Client Secret',
},
});
gitment.render('gitmentContainer');
</script>
```
其中,id 为页面 ID,需要保证每篇文章的页面 ID 不同,可以使用文章标题或文件名作为 ID。
4. 创建一个单独的仓库,用于存储评论数据。在该仓库下创建一个名为 gitment 的分支,用于存储评论数据。
5. 将 Gitment 评论插件代码推送到你的 GitHub Pages 博客仓库,部署到 GitHub Pages 上。
这样,你的 GitHub Pages 博客就可以使用 Gitment 评论插件了。当用户在你的博客页面下发表评论时,评论内容将被存储在单独的仓库的 gitment 分支中。你可以在该分支下查看所有评论数据。