Ask Your Question

Revision history [back]

Docusaurus provides a way to create custom inline scripts by using their code block component. Here's how:

  1. First, create a new page in your Docusaurus site where you want to include the inline script.

  2. Add a code block component in the page.

  3. Define the script you want to include in the "Content" field of the code block component. For example:

<script>
  function myCustomFunction() {
    // Your custom script here
  }
  myCustomFunction();
</script>
  1. Make sure to add the necessary attributes to your script tag. For example, if your script needs to be executed after the page loads, add defer to the script tag, like so:
<script defer>
  function myCustomFunction() {
    // Your custom script here
  }
  myCustomFunction();
</script>
  1. Save and publish your page. The script should be executed inline on that page.

Note: Remember to thoroughly test any custom scripts you include in your Docusaurus site, to ensure they work as expected and don't cause any issues with the site's functionality or performance.