javascript - 如何在Docusaurus V2的index.html头部添加自定义脚本？

我们正在使用Docusaurus V2创建一个网站。

在Docusaurus V1中，scripts中有一个siteConfig.js设置，可以自定义html的头部内容。但是，我在Docusaurus V2中找不到相应的设置。

根据https://docusaurus.io/blog/2018/09/11/Towards-Docusaurus-2#layout，似乎可以在V2中自定义html的<head>部分。

我尝试在react-helmet中使用src/pages/index.js，并使用以下代码:

function Home() {
  const context = useDocusaurusContext();
  const { siteConfig = {} } = context;
  return (
    <Layout
      title={`Hello from ${siteConfig.title}`}
      description="Description will go into a meta tag in <head />">
      <Helmet>
        <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>
      </Helmet>
    </Layout>
  );
}

}

但是脚本https://appsforoffice.microsoft.com/lib/1/hosted/office.js并未显示在<head></head>内部

有没有人遇到过类似的问题，有人可以提供帮助吗？

最佳答案

代替使用React Helmet，请使用'@docusaurus/Head'。

import Head from '@docusaurus/Head';

function Home() {
  const context = useDocusaurusContext();
  const { siteConfig = {} } = context;
  return (
    <Layout>
      <Head>
        <script src="..."></script>
      </Head>
    </Layout>
  );
}

我们正在开发此功能，因此您可以通过docusaurus.config.js添加它。您可以按照此PR跟踪进度:https://github.com/facebook/docusaurus/pull/1831。

我们将尽快发布v2.0.0-alpha.27，以便您可以尝试一下。谢谢你的耐心!

关于javascript - 如何在Docusaurus V2的index.html头部添加自定义脚本？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57859350/