Giscus 配置指南
# 安装 giscus-react 包
pnpm add giscus-react
'use client';
import { Giscus } from 'giscus-react';
export default function Comment() {
return (
<div className="mt-12">
<Giscus
repo="your-username/your-repo"
repoId="R_kgDOJqXvFQ"
category="Announcements"
categoryId="DIC_kwDOJqXvFc4CbA9U"
mapping="pathname"
reactionsEnabled="1"
emitMetadata="0"
theme="light"
lang="zh-CN"
/>
</div>
);
}
配置步骤:
- 访问 giscus 官网 获取配置参数
- 替换 repo 和 repoId 为您的 GitHub 仓库信息
- 在需要评论区的 MDX 文件中引入 Comment 组件
- 确保 GitHub 仓库已启用 Discussions 功能(Settings → Features → Discussions)
Last updated on