Chore/update node version

.github/workflows/lint.yml

@@ -12,7 +12,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v2
       with:
-        node-version: 16
+        node-version: 18
         registry-url: https://registry.npmjs.org/
 
     - name: npm install, lint
@@ -25,7 +25,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v2
       with:
-        node-version: 16
+        node-version: 18
         registry-url: https://registry.npmjs.org/
 
     - name: npm install, build

.github/workflows/release.yml

@@ -15,7 +15,7 @@ jobs:
 
       - uses: actions/setup-node@v2
         with:
-          node-version: 16
+          node-version: 18
           registry-url: https://registry.npmjs.org/
 
       - name: Install dependencies

package.json

@@ -21,8 +21,9 @@
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.6",
+    "@docusaurus/core": "^2.0.0-rc.1",
     "@docusaurus/preset-classic": "2.0.0-beta.6",
+    "@giscus/react": "^2.0.6",
     "@headlessui/react": "^1.4.1",
     "@heroicons/react": "^1.0.4",
     "@mdx-js/react": "^1.6.21",

src/components/ContextSwitcher.jsx

@@ -71,7 +71,7 @@ const ContextSwitcher = ({ className }) => {
             aria-hidden="true"
             alt={context.name}
           />
-          <span className="lv0_link block truncate text-text text-base">
+          <span className="lv0_link block truncate text-base text-text">
             {context.name}
           </span>
           <span className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">

src/theme/DocPage/index.js

@@ -17,6 +17,7 @@ import clsx from 'clsx';
 import styles from './styles.module.css';
 import { ThemeClassNames, docVersionSearchTag } from '@docusaurus/theme-common';
 import Head from '@docusaurus/Head';
+import Giscus from '@giscus/react';
 import { ChevronRightIcon } from '@heroicons/react/outline';
 
 function DocPageContent({ currentDocRoute, versionMetadata, children }) {
@@ -105,6 +106,23 @@ function DocPageContent({ currentDocRoute, versionMetadata, children }) {
             )}
           >
             <MDXProvider components={MDXComponents}>{children}</MDXProvider>
+            <div className={styles.docsComments}>
+              <Giscus
+                id="comments"
+                repo="LionCubFrontEnd/docs"
+                repoId="R_kgDOHL7zqw"
+                category="General"
+                categoryId="DIC_kwDOHL7zq84CQRaM"
+                mapping="pathname"
+                term="学如逆水行舟，不进则退!"
+                reactionsEnabled="1"
+                emitMetadata="1"
+                inputPosition="top"
+                theme="light"
+                lang="zh-CN"
+                loading="lazy"
+              />
+            </div>
           </div>
         </main>
       </div>

src/theme/DocPage/styles.module.css

@@ -25,6 +25,10 @@
 }
 
 @media (min-width: 997px) {
+  .docsComments {
+    max-width: 75%;
+  }
+
   .docMainContainer {
     flex-grow: 1;
     max-width: calc(100% - var(--doc-sidebar-width));