Docusaurus中Mermaid配置位置咨询：无法正常启用图表功能

我是Docusaurus新手，正尝试在网站上启用Mermaid图表功能，按照官方文档操作时遇到困难。我的docusaurus.config.js结构如下：

const config = {
 ...
 presets: [
  ...
 ],

 themeConfig:
 ({
  ...
 }),

}

module.exports = config;

请问以下配置块应放在该结构中的哪个位置？

markdown: {
   mermaid: true,
 },
 themes: ['@docusaurus/theme-mermaid']

我已尝试将该配置块放在config.js的不同位置，但要么编译失败，要么编译成功但无Mermaid效果。

你需要把这两个配置项直接放在config对象的顶层，和presets、themeConfig同级，正确的配置结构如下：

const config = {
 ...
 presets: [
  ...
 ],

 themeConfig: ({
  ...
 }),

 // 新增的Mermaid配置
 markdown: {
   mermaid: true,
 },
 themes: ['@docusaurus/theme-mermaid']
}

module.exports = config;

额外注意：

• 需先确保安装了依赖包，执行命令：npm install @docusaurus/theme-mermaid 或 yarn add @docusaurus/theme-mermaid
• 配置完成后重启Docusaurus开发服务器，不要依赖热重载
• 测试时在Markdown中使用Mermaid代码块，示例：

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

内容的提问来源于stack exchange，提问作者dargre