Docusaurus如何添加全局js

最近使用Docusaurus做了一套文档系统,需要扩展一个小功能,开发plugin的话成本有点高,不太值得,就想用全局js来实现,那么该如何在Docusaurus中使用全局js呢?

如果您希望向 Docusaurus 网站添加全局 JavaScript,可以按照以下步骤进行操作:

  1. 在你的 Docusaurus 项目中创建一个 static 文件夹(如果不存在的话)。

  2. static 文件夹中创建一个新的 JavaScript 文件,例如 global.js

  3. global.js 文件中编写你的全局 JavaScript 代码。

  4. 打开 docusaurus.config.js 文件,找到 scripts 配置项,然后添加一个新项:

1
2
3
4
5
6
module.exports = {
//...
scripts: [
{src: '/global.js', async: true},
],
};

在上面的代码中,src 属性指定了你的全局 JavaScript 文件路径,async 属性可以让你的网站在加载全局 JavaScript 文件时更快。

  1. 保存文件并重新启动 Docusaurus 服务,现在你的全局 JavaScript 应该已经成功添加到每个页面的 <head> 中了。

注意:如果您的网站是部署到 GitHub Pages 或类似的静态托管服务上,您需要在 index.html 中手动添加全局 JavaScript 文件的引用,因为 Docusaurus 配置的全局 JavaScript 在这些环境中可能不起作用。

本文永久链接: https://www.mulianju.com/docusaurus-global-js/

感谢打赏,您的鼓励就是我的动力
Mulianju 微信 微信
Mulianju 支付宝 支付宝
欢迎关注我的其它发布渠道