From 7a42eac6df55a00fd31d41bdbc3bd9e618c7278c Mon Sep 17 00:00:00 2001 From: lkzwc Date: Sat, 7 Oct 2023 22:53:58 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90add=E3=80=91comment?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docusaurus.config.js | 3 - package-lock.json | 129 +++++++++++++++++++++++++++++++++++++ package.json | 3 +- src/components/Comment.tsx | 24 +++++++ src/theme/BlogPostItem.tsx | 10 +-- 5 files changed, 157 insertions(+), 12 deletions(-) create mode 100644 src/components/Comment.tsx diff --git a/docusaurus.config.js b/docusaurus.config.js index 32a7f71..547ddcc 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -136,9 +136,6 @@ const config = { { html: ``, }, - { - html: ``, - }, ], }, ], diff --git a/package-lock.json b/package-lock.json index bef4322..6045e6d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,6 +11,7 @@ "@docusaurus/core": "2.4.0", "@docusaurus/preset-classic": "2.4.0", "@docusaurus/theme-search-algolia": "^2.4.1", + "@giscus/react": "^2.3.0", "@mdx-js/react": "^1.6.22", "clsx": "^1.1.1", "dayjs": "^1.11.9", @@ -3094,6 +3095,18 @@ "node": ">=16.14" } }, + "node_modules/@giscus/react": { + "version": "2.3.0", + "resolved": "https://registry.npmmirror.com/@giscus/react/-/react-2.3.0.tgz", + "integrity": "sha512-tj79B+NNBfidhPdXJqWoqRm5Jhoc6CBhXMYwBR9nwTwsrdaB/spcQXmHpKcUuOdXZtlYSwMfCFcBogMNbD+gKQ==", + "dependencies": { + "giscus": "^1.3.0" + }, + "peerDependencies": { + "react": "^16 || ^17 || ^18", + "react-dom": "^16 || ^17 || ^18" + } + }, "node_modules/@hapi/hoek": { "version": "9.3.0", "license": "BSD-3-Clause" @@ -3184,6 +3197,19 @@ "version": "2.0.4", "license": "MIT" }, + "node_modules/@lit-labs/ssr-dom-shim": { + "version": "1.1.1", + "resolved": "https://registry.npmmirror.com/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.1.tgz", + "integrity": "sha512-kXOeFbfCm4fFf2A3WwVEeQj55tMZa8c8/f9AKHMobQMkzNUfUj+antR3fRPaZJawsa1aZiP/Da3ndpZrwEe4rQ==" + }, + "node_modules/@lit/reactive-element": { + "version": "1.6.3", + "resolved": "https://registry.npmmirror.com/@lit/reactive-element/-/reactive-element-1.6.3.tgz", + "integrity": "sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==", + "dependencies": { + "@lit-labs/ssr-dom-shim": "^1.0.0" + } + }, "node_modules/@mdx-js/mdx": { "version": "1.6.22", "license": "MIT", @@ -3875,6 +3901,11 @@ "@types/node": "*" } }, + "node_modules/@types/trusted-types": { + "version": "2.0.4", + "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.4.tgz", + "integrity": "sha512-IDaobHimLQhjwsQ/NMwRVfa/yL7L/wriQPMhw1ZJall0KX6E1oxk29XMDeilW5qTIg5aoiqf5Udy8U/51aNoQQ==" + }, "node_modules/@types/unist": { "version": "2.0.6", "license": "MIT" @@ -6581,6 +6612,14 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/giscus": { + "version": "1.3.0", + "resolved": "https://registry.npmmirror.com/giscus/-/giscus-1.3.0.tgz", + "integrity": "sha512-A3tVLgSmpnh2sX9uGjo9MbzmTTEJirSyFUPRvkipvy37y9rhxUYDoh9kO37QVrP7Sc7QuJ+gihB6apkO0yDyTw==", + "dependencies": { + "lit": "^2.7.5" + } + }, "node_modules/github-slugger": { "version": "1.5.0", "license": "ISC" @@ -7741,6 +7780,34 @@ "version": "1.2.4", "license": "MIT" }, + "node_modules/lit": { + "version": "2.8.0", + "resolved": "https://registry.npmmirror.com/lit/-/lit-2.8.0.tgz", + "integrity": "sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==", + "dependencies": { + "@lit/reactive-element": "^1.6.0", + "lit-element": "^3.3.0", + "lit-html": "^2.8.0" + } + }, + "node_modules/lit-element": { + "version": "3.3.3", + "resolved": "https://registry.npmmirror.com/lit-element/-/lit-element-3.3.3.tgz", + "integrity": "sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==", + "dependencies": { + "@lit-labs/ssr-dom-shim": "^1.1.0", + "@lit/reactive-element": "^1.3.0", + "lit-html": "^2.8.0" + } + }, + "node_modules/lit-html": { + "version": "2.8.0", + "resolved": "https://registry.npmmirror.com/lit-html/-/lit-html-2.8.0.tgz", + "integrity": "sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==", + "dependencies": { + "@types/trusted-types": "^2.0.2" + } + }, "node_modules/loader-runner": { "version": "4.3.0", "license": "MIT", @@ -14028,6 +14095,14 @@ "tslib": "^2.4.0" } }, + "@giscus/react": { + "version": "2.3.0", + "resolved": "https://registry.npmmirror.com/@giscus/react/-/react-2.3.0.tgz", + "integrity": "sha512-tj79B+NNBfidhPdXJqWoqRm5Jhoc6CBhXMYwBR9nwTwsrdaB/spcQXmHpKcUuOdXZtlYSwMfCFcBogMNbD+gKQ==", + "requires": { + "giscus": "^1.3.0" + } + }, "@hapi/hoek": { "version": "9.3.0" }, @@ -14093,6 +14168,19 @@ "@leichtgewicht/ip-codec": { "version": "2.0.4" }, + "@lit-labs/ssr-dom-shim": { + "version": "1.1.1", + "resolved": "https://registry.npmmirror.com/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.1.tgz", + "integrity": "sha512-kXOeFbfCm4fFf2A3WwVEeQj55tMZa8c8/f9AKHMobQMkzNUfUj+antR3fRPaZJawsa1aZiP/Da3ndpZrwEe4rQ==" + }, + "@lit/reactive-element": { + "version": "1.6.3", + "resolved": "https://registry.npmmirror.com/@lit/reactive-element/-/reactive-element-1.6.3.tgz", + "integrity": "sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==", + "requires": { + "@lit-labs/ssr-dom-shim": "^1.0.0" + } + }, "@mdx-js/mdx": { "version": "1.6.22", "requires": { @@ -14524,6 +14612,11 @@ "@types/node": "*" } }, + "@types/trusted-types": { + "version": "2.0.4", + "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.4.tgz", + "integrity": "sha512-IDaobHimLQhjwsQ/NMwRVfa/yL7L/wriQPMhw1ZJall0KX6E1oxk29XMDeilW5qTIg5aoiqf5Udy8U/51aNoQQ==" + }, "@types/unist": { "version": "2.0.6" }, @@ -16175,6 +16268,14 @@ "get-stream": { "version": "6.0.1" }, + "giscus": { + "version": "1.3.0", + "resolved": "https://registry.npmmirror.com/giscus/-/giscus-1.3.0.tgz", + "integrity": "sha512-A3tVLgSmpnh2sX9uGjo9MbzmTTEJirSyFUPRvkipvy37y9rhxUYDoh9kO37QVrP7Sc7QuJ+gihB6apkO0yDyTw==", + "requires": { + "lit": "^2.7.5" + } + }, "github-slugger": { "version": "1.5.0" }, @@ -16836,6 +16937,34 @@ "lines-and-columns": { "version": "1.2.4" }, + "lit": { + "version": "2.8.0", + "resolved": "https://registry.npmmirror.com/lit/-/lit-2.8.0.tgz", + "integrity": "sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==", + "requires": { + "@lit/reactive-element": "^1.6.0", + "lit-element": "^3.3.0", + "lit-html": "^2.8.0" + } + }, + "lit-element": { + "version": "3.3.3", + "resolved": "https://registry.npmmirror.com/lit-element/-/lit-element-3.3.3.tgz", + "integrity": "sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==", + "requires": { + "@lit-labs/ssr-dom-shim": "^1.1.0", + "@lit/reactive-element": "^1.3.0", + "lit-html": "^2.8.0" + } + }, + "lit-html": { + "version": "2.8.0", + "resolved": "https://registry.npmmirror.com/lit-html/-/lit-html-2.8.0.tgz", + "integrity": "sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==", + "requires": { + "@types/trusted-types": "^2.0.2" + } + }, "loader-runner": { "version": "4.3.0" }, diff --git a/package.json b/package.json index 2af06f1..3e77ac3 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "@docusaurus/core": "2.4.0", "@docusaurus/preset-classic": "2.4.0", "@docusaurus/theme-search-algolia": "^2.4.1", + "@giscus/react": "^2.3.0", "@mdx-js/react": "^1.6.22", "clsx": "^1.1.1", "dayjs": "^1.11.9", @@ -40,4 +41,4 @@ "last 1 safari version" ] } -} \ No newline at end of file +} diff --git a/src/components/Comment.tsx b/src/components/Comment.tsx new file mode 100644 index 0000000..aa775ea --- /dev/null +++ b/src/components/Comment.tsx @@ -0,0 +1,24 @@ +import React from "react"; +import Giscus from "@giscus/react"; + +export default function Comment() { + return ( +
+ +
+ ); +} diff --git a/src/theme/BlogPostItem.tsx b/src/theme/BlogPostItem.tsx index 505abbd..0f6387b 100644 --- a/src/theme/BlogPostItem.tsx +++ b/src/theme/BlogPostItem.tsx @@ -1,21 +1,14 @@ // import BlogPostItem from "@theme-original/BlogPostItem"; import React from "react"; import clsx from "clsx"; -// import {useBlogPost} from '@docusaurus/theme-common/internal'; import BlogPostItemContainer from "@theme/BlogPostItem/Container"; import BlogPostItemHeader from "@theme/BlogPostItem/Header"; import BlogPostItemContent from "@theme/BlogPostItem/Content"; import BlogPostItemFooter from "@theme/BlogPostItem/Footer"; import type { Props } from "@theme/BlogPostItem"; +import Comment from "../components/Comment"; export default function BlogPostItem(props): JSX.Element { - // const { - // children: { - // type: { metadata }, - // }, - // } = props; - // console.log("propos", props); - const { children } = props; return ( @@ -23,6 +16,7 @@ export default function BlogPostItem(props): JSX.Element { {children} + ); }