Files
blog/src/components/Comments/index.tsx
2024-03-19 02:45:09 +08:00

28 lines
697 B
TypeScript

import React from "react";
import Giscus from "@giscus/react";
import { useColorMode } from "@docusaurus/theme-common";
export default function Comments(): JSX.Element {
const { colorMode } = useColorMode();
return (
<div>
<Giscus
id="comments"
repo="codfrm/blog"
repoId="MDEwOlJlcG9zaXRvcnkxOTY2ODAyNzk="
category="Blog Message"
categoryId="DIC_kwDOC7kaV84CeCC_"
mapping="og:title"
strict="0"
reactionsEnabled="1"
emitMetadata="0"
inputPosition="top"
theme={colorMode === "dark" ? "dark_tritanopia" : "light_tritanopia"}
lang="zh-CN"
loading="lazy"
/>
</div>
);
}