Docusaurus如何添加全局js
最近使用Docusaurus做了一套文档系统,需要扩展一个小功能,开发plugin的话成本有点高,不太值得,就想用全局js来实现,那么该如何在Docusaurus中使用全局js呢?
如果您希望向 Docusaurus 网站添加全局 JavaScript,可以按照以下步骤进行操作:
在你的 Docusaurus 项目中创建一个
static
文件夹(如果不存在的话)。在
static
文件夹中创建一个新的 JavaScript 文件,例如global.js
。在
global.js
文件中编写你的全局 JavaScript 代码。打开
docusaurus.config.js
文件,找到scripts
配置项,然后添加一个新项:
1 | module.exports = { |
在上面的代码中,src
属性指定了你的全局 JavaScript 文件路径,async
属性可以让你的网站在加载全局 JavaScript 文件时更快。
- 保存文件并重新启动 Docusaurus 服务,现在你的全局 JavaScript 应该已经成功添加到每个页面的
<head>
中了。
注意:如果您的网站是部署到 GitHub Pages 或类似的静态托管服务上,您需要在
index.html
中手动添加全局 JavaScript 文件的引用,因为 Docusaurus 配置的全局 JavaScript 在这些环境中可能不起作用。