"Documentation" 태그로 연결된 1개 게시물개의 게시물이 있습니다.

module.exports = {
  // ...
  url: 'https://greeng00se.github.io',
  baseUrl: '/',
  projectName: 'greeng00se.github.io',
  organizationName: 'greeng00se',
  trailingSlash: false,
  // ...
};

import OriginalBlogPostItem from "@theme-original/BlogPostItem";
import React, { useEffect, useRef } from "react";
// @ts-expect-error internal code
import { useColorMode } from "@docusaurus/theme-common";
import { useBlogPost } from "@docusaurus/theme-common/internal";

const giscusSelector = "iframe.giscus-frame";

function BlogPostItem(props) {
  const { colorMode } = useColorMode();
  const { isBlogPostPage } = useBlogPost();
  const giscusTheme = colorMode === "dark" ? "dark" : "light";
  const containerRef = useRef(null);

  useEffect(() => {
    if (!isBlogPostPage) return;

    const giscusEl = containerRef.current.querySelector(giscusSelector);

    const createGiscusEl = () => {
      const script = document.createElement("script");

      script.src = "https://giscus.app/client.js";
      script.setAttribute("data-repo", "teco-chat/teco-chat.github.io");
      script.setAttribute("data-repo-id", "R_kgDOJZ5j0Q");
      script.setAttribute("data-category", "Announcements");
      script.setAttribute("data-category-id", "DIC_kwDOJZ5j0c4CXS_Q");
      script.setAttribute("data-mapping", "pathname");
      script.setAttribute("data-strict", "0");
      script.setAttribute("data-reactions-enabled", "1");
      script.setAttribute("data-emit-metadata", "0");
      script.setAttribute("data-input-position", "bottom");
      script.setAttribute("data-theme", giscusTheme);
      script.setAttribute("data-lang", "ko");
      script.crossOrigin = "anonymous";
      script.async = true;
      
      containerRef.current.appendChild(script);
    };

    const postThemeMessage = () => {
      const message = {
        setConfig: {
          theme: giscusTheme,
        }
      };

      giscusEl.contentWindow.postMessage({ giscus: message }, "https://giscus.app");
    };

    giscusEl ? postThemeMessage() : createGiscusEl();
  }, [giscusTheme]);

  return (
    <>
      <OriginalBlogPostItem {...props} />
      {isBlogPostPage && <div ref={containerRef} />}
    </>
  );
}

export default BlogPostItem;

themeConfig:
  /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
  ({
    ...
    algolia: {
      appId: 'MVIU5UEMOM', // Application ID
      apiKey: 'b68f378013817d9a190df88cdde226a0', // Search-Only API Key
      indexName: 'teco', // config.json에 설정한 인덱스명
      contextualSearch: true,
    },
  })

navbar: {
  title: 'HELLO',
  items: [
    {
        href: 'https://github.com/greeng00se',
        position: 'right',
        className: 'header-github-link',
        'aria-label': 'GitHub repository',
    },
  ],
},

prism: {
  theme: lightCodeTheme,
  darkTheme: darkCodeTheme,
  additionalLanguages: ['java', 'kotlin'],
}

const config = {
  ...
  markdown: {
    mermaid: true,
  },
  themes: [
    '@docusaurus/theme-mermaid'
  ],
};

themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      ...
      mermaid: {
        theme: {
          light: 'neutral', 
          dark: 'dark'
        },
      },
    }),

i18n: {
  defaultLocale: "ko",
  locales: ["ko"],
},