Добавление фрагментов кода JS (полная история, микспанель и т. Д.) В Docusaurus.io

Question

Я пытаюсь выяснить, как добавить фрагменты кода JS для работы с Docusaurus.io ( https://docusaurus.io/). Я хочу добавить некоторые аналитические инструменты в мою веб-документацию на основе Docusaurus, такие как - mixpanel, full story и т. Д., Но я не нашел, как мне это сделать.

Answer 1

Добавить scripts ключ в siteConfig.js который принимает массив источников скриптов, которые вы хотите загрузить в голову. Как уже упоминалось на этой странице - https://docusaurus.io/docs/en/site-config.html

scripts - Массив источников JavaScript для загрузки. Тег скрипта будет вставлен в заголовок HTML.

Таким образом, вы можете добавить его как таковой в siteConfig.js:

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

Answer 2

Я не уверен, куда именно вы хотите поместить фрагмент JS. Вот несколько сценариев в Docusaurus.

Вы можете добавить файл JS в siteConfig.js, этот раздел:

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

Если вы хотите добавить фрагмент JS на страницы, то это выполнимо, поскольку каждая страница является просто компонентом React. Примерно так в вашем методе рендеринга:

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

Если вы хотите добавить фрагмент JS в документы, я думаю, что это довольно сложно, потому что документы находятся в уценке, и я не думаю, что вы можете добавить тег script.

Надеюсь это поможет.