Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 19:41:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update import location in giscus example (#474)

Browse Source
This commit is contained in:
Erison Silva
2025-03-12 10:59:08 -03:00
committed by GitHub
parent 6749f62015
commit 0016dd55d1
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/data/blog/how-to-integrate-giscus-comments.md
+2 -2
View File
@@ -110,7 +110,7 @@ Then we create a new `Comments.tsx` React component in `src/components`:
```tsx ```tsx
import Giscus, { type Theme } from "@giscus/react"; import Giscus, { type Theme } from "@giscus/react";
import { GISCUS } from "@/config"; import { GISCUS } from "@/constants";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
interface CommentsProps { interface CommentsProps {
@@ -164,7 +164,7 @@ export default function Comments({
This _React_ component not only wraps the native _Giscus_ component, but also introduces additional props, namely `lightTheme` and `darkTheme`. Leveraging two event listeners, the _Giscus_ comments will align with the site's theme, dynamically switching between dark and light themes whenever the site or browser theme is changed. This _React_ component not only wraps the native _Giscus_ component, but also introduces additional props, namely `lightTheme` and `darkTheme`. Leveraging two event listeners, the _Giscus_ comments will align with the site's theme, dynamically switching between dark and light themes whenever the site or browser theme is changed.
We also need to define the `GISCUS` config, for which the optimal location is in `src/config.ts`: We also need to define the `GISCUS` config, for which the optimal location is in `src/constants.ts`:
```ts ```ts
import type { GiscusProps } from "@giscus/react"; import type { GiscusProps } from "@giscus/react";