rspress.config.ts

import * as path from "path";
import { defineConfig } from "rspress/config";
import remarkObsidian from "remark-obsidian";
import rehypeRaw from "rehype-raw";
import { pluginOpenGraph } from "rsbuild-plugin-open-graph";
import { pluginGoogleAnalytics } from "rsbuild-plugin-google-analytics";
import { pluginFontPretendard } from "./plugins/rspress-plugin-font-pretendard";

const mdxNodeTypes = /** @type {const} */ [
  "mdxFlowExpression",
  "mdxJsxFlowElement",
  "mdxJsxTextElement",
  "mdxTextExpression",
  "mdxjsEsm",
];

export default defineConfig({
  root: path.join(__dirname, "docs"),
  title: "Harim",
  description: "개발과 라이프를 담은 공간",
  icon: "/favicon.png",
  logo: {
    light: "/light-logo.png",
    dark: "/dark-logo.png",
  },
  globalStyles: path.join(__dirname, "styles/index.css"),
  themeConfig: {
    socialLinks: [
      { icon: "github", mode: "link", content: "https://github.com/iicdii" },
    ],
    searchPlaceholderText: "검색",
    outlineTitle: "목차",
  },
  route: {
    cleanUrls: true,
  },
  markdown: {
    mdxRs: false,
    remarkPlugins: [remarkObsidian],
    rehypePlugins: [[rehypeRaw, { passThrough: mdxNodeTypes }]],
  },
  plugins: [pluginFontPretendard()],
  builderPlugins: [
    pluginOpenGraph({
      type: "website",
      url: "https://harimkim.netlify.app/",
      image: "https://harimkim.netlify.app/blog_meta_image.png",
      description: "개발과 라이프를 담은 공간",
      locale: "ko_KR",
    }),
    pluginGoogleAnalytics({
      id: "G-2ZTM2LL0DD",
    }),
  ],
});