docusaurus.config.js

// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion

const lightCodeTheme = require("prism-react-renderer/themes/dracula");
const darkCodeTheme = require("prism-react-renderer/themes/dracula");

const navbarConfig = require("./config/navbar");
const footerConfig = require("./config/footer");
const versionsConfig = require("./config/versions");

const kubeblocksRepos = "https://github.com/apecloud/kubeblocks/tree";
const websiteRepos = "https://github.com/apecloud/kubeblocks.io/tree/master";
const lastVersion = versionsConfig[0]?.version || "current";
// const lastVersion = "current";

const TIMESTAMP = new Date().getTime();
const versions = (() => {
  const _versions = {
    current: {
      label: "Preview",
      path: "preview",
    },
  };
  versionsConfig.forEach((config) => {
    Object.assign(_versions, {
      [config.version]: {
        label: config.version,
        path: config.version,
      },
    });
  });
  return _versions;
})();

const config = {
  title: "KubeBlocks",
  tagline: "Run Any Database on Kubernetes",
  url: "https://kubeblocks.io",
  baseUrl: "/",
  baseUrlIssueBanner: false,
  onBrokenLinks: "warn",
  onBrokenMarkdownLinks: "warn",
  favicon: "img/favicon2.png",
  noIndex: false,
  organizationName: "ApeCloud",
  projectName: "kubeblocks.io",
  trailingSlash: false,
  i18n: {
    defaultLocale: "en",
    locales: ["en"],
    localeConfigs: {
      en: {
        label: "English",
        htmlLang: "en-US",
      },
    },
  },
  headTags: [
    {
      tagName: "meta",
      attributes: {
        name: "version",
        content: String(TIMESTAMP),
      },
    },
  ],
  presets: [
    [
      "@docusaurus/preset-classic",
      {
        docs: {
          lastVersion,
          versions,
          path: "docs",
          sidebarPath: require.resolve("./config/sidebars"),
          docLayoutComponent: require.resolve(
            "./src/components/docLayoutComponent.tsx"
          ),
          docItemComponent: require.resolve(
            "./src/components/docItemComponent.tsx"
          ),
          editUrl: ({
            version,
            versionDocsDirPath,
            docPath,
            permalink,
            locale,
          }) => {
            const branch = version === "current" ? "main" : version;
            if (locale != "en") {
              return `${kubeblocksRepos}/i18n/${locale}/docusaurus-plugin-content-docs/${branch}/docs/${docPath}`;
            }
            return `${kubeblocksRepos}/${branch}/docs/${docPath}`;
          },
        },
        blog: {
          editUrl: ({ locale, blogDirPath, blogPath, permalink }) =>
            `${websiteRepos}/${blogDirPath}/${blogPath}`,
            postsPerPage: 'ALL', 
        },
        theme: {
          customCss: require.resolve("./src/style/custom.less"),
        },
        gtag: {
          trackingID: "G-1P80WT42PB",
          anonymizeIP: true,
        },
        sitemap: {
          changefreq: "hourly",
          priority: 0.5,
          ignorePatterns: ["/blog/**"].concat(
            versionsConfig.map((c) => `/docs/${c.version}/**`)
          ),
          filename: "sitemap.xml",
        },
      },
    ],
  ],
  scripts: [
    {
      src: "/js/kubechat.js",
      defer: true,
    },
  ],
  stylesheets: [],
  plugins: [
    "@docusaurus/theme-live-codeblock",
    "docusaurus-plugin-less",
    // [
    //   '@docusaurus/plugin-ideal-image',
    //   {
    //     quality: 85,
    //     max: 1030, // max resized image's size.
    //     min: 640, // min resized image's size. if original is lower, use that size.
    //     steps: 2, // the max number of images generated between min and max (inclusive)
    //     disableInDev: false,
    //   },
    // ],
  ],
  themeConfig: {
    customCss: require.resolve("./src/style/custom.less"),
    // announcementBar: {
    //   id: 'support_ukraine',
    //   content:
    //     'Meet us at 2023 KubeCon + CloudNativeCon, Nov. 7-9, Chicago.  (Booth No. M41)',
    //   backgroundColor: '#fc9856',
    //   isCloseable: false,
    // },
    navbar: navbarConfig,
    footer: footerConfig,
    colorMode: {
      defaultMode: "light",
      disableSwitch: true,
      respectPrefersColorScheme: false,
    },
    prism: {
      theme: lightCodeTheme,
      darkTheme: darkCodeTheme,
    },
    algolia: {
      appId: "NRQ28YPQ0N",
      apiKey: "cc5d86733eacd9eedb631ab9b39e719f",
      indexName: "kubeblocks-us",
    },
  },
};

module.exports = config;