构建一次静态站点并在多个主机上部署

Question

我想要构建我的文档，以便在多个离线环境中托管，托管在码头容器上。这需要静态站点生成器中的以下关键特性，

• 使用带有静态html文件的本地托管的所有资源(js / css)。
• 在部署时(启动码头容器时)配置url和baseUrl。

这两种配置可以帮助实现、构建一旦部署到任何地方以及在脱机环境中。

两个问题，

• 如何在部署时设置url？
• 如何设置本地托管的所有资源？

Answer 1

您可能认为应该用https://{{ baseUrl }}/a.js编写url，在编译选项中设置baseUrl，实际上不需要这样做。

只需使用相对路径，建议您有一个图像标记

• <img src="somephoto.jpg" />意味着文件与当前页位于同一个目录中。
• <img src="../somephoto.jpg" />意味着文件位于当前页的上层目录中。
• <img src="/somephoto.jpg" />意味着文件位于网站的根目录中。

Answer 2

您必须编写一个自定义脚本，其中覆盖siteConfig.js。如何发生这种情况的高层次流程：

• 运行脚本，将siteConfig.js中的URL替换为宿主1 (replace1.js)
• 运行部署脚本。
• 运行脚本，将siteConfig.js中的URL替换为宿主2 (replace2.js)
• 运行部署脚本。

在package.json中，在scripts部分中添加一行：

"scripts": {
  ...
  "deploy-multiple": "./replace1.js && docusaurus-build && ./replace2.js && docusaurus-build",
  ...
}