javascript - 将 JS 代码片段（全文、混合面板等）添加到 Docusaurus.io

Question

我正在尝试找出如何添加 JS 代码片段以使用 Docusaurus.io ( https://docusaurus.io )。我想在我的基于 Docusaurus 的 Web 文档中添加一些分析工具，例如 - mixpanel、完整故事等，但我不知道该怎么做。

score 0 · Accepted Answer

添加一个scripts键siteConfig.js，其中包含要在头部加载的脚本源数组。如本页所述 - https://docusaurus.io/docs/en/site-config.html#optional-fields

scripts - 要加载的 JavaScript 源数组。脚本标签将插入 HTML 头部。

所以你可以这样添加它siteConfig.js：

const siteConfig = {
  ...
  scripts: [
    'https://buttons.github.io/buttons.js',
    ...
  ],
  ...
};

score 0 · Accepted Answer

我不确定你想把 JS 片段放在哪里。下面是 Docusaurus 中的一些场景。

您可以将 JS 文件添加到 siteConfig.js，此部分：

scripts: ['https://buttons.github.io/buttons.js'],

如果您想将 JS 片段添加到页面，那么这是可行的，因为每个页面只是一个 React 组件。在您的渲染方法中是这样的：

<script type="text/javascript" dangerouslySetInnerHTML={{__html: js_snippet}} />

如果您想将 JS 片段添加到文档中，我认为这非常困难，因为文档位于 markdown 中，我认为您无法添加脚本标签。

希望这可以帮助。

2 回答 2