如何 link 到 HTML 中多个页面的文件夹中的 CDN

Question

我花了很长时间在谷歌上搜索这个问题，但我只是不知道如何提出这个问题，因为我可能不知道正确的词来帮助我找到答案。

我想在一个有多个页面的网站上测试 Bootstrap 5 来搞乱它。我想要做的是将 CDN 放在一个文件夹中，然后 link 到标签中每个页面的 CDN。这样，当他们更新 alpha 时，我可以只在一个地方更新 link 并将其转到每个页面，而不是需要一个接一个地转到每个页面并更新 link那里。那有意义吗？这可能吗？

编辑：帮助理解我在这里使用的是什么。我正在使用不允许 PHP.

的 GitHub 页面

Answer 1

是的，这是可能的。您需要做的是创建一个文件，我们将其命名为 header.* * 扩展名取决于您的堆栈。最后，您需要将此文件与您的核心代码连接起来。当您连接文件时，您当然需要注意路径，并且根据您使用的语言，语法会有所不同。它只是一个带有 bootstrap 的 html 页面吗？那么我猜最简单的方法是 link 他们 PHP，或者至少这是我到目前为止对项目所做的。

Answer 2

您可以为您的项目创建一个 css 文件，并将其命名为任何您想要的名称，例如 bootstrap.css。然后您可以将 bootstrap-5-aplha link 导入 css 并在您想要的任何页面中使用该 css 文件。因此，无论何时您想要更改，您只需更改导入的 link。

@import url('https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css');

如果你想对你的 js 文件做同样的事情，你只需要创建一个 js 文件并将其命名为任何你想要的例子 bootstrap.js 并用 [= 调用它20=] 标记就在结束 </body> 标记 html 的上方，然后在您的 js 文件中您必须粘贴此代码：

var script = document.createElement('script');
var script2 = document.createElement('script');
script.type = 'text/javascript';
script2.type = 'text/javascript';

script.src = "https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"; 
script2.src = 'https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js';

script.integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/";
script2.integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo";

script.crossOrigin="anonymous";
script2.crossOrigin="anonymous";

document.body.appendChild(script2);  
document.body.appendChild(script);

它正在为您的项目生成两个 script 文件，一个是 bootstrap.min.js，另一个是 popper.js

我在 script 标签之前调用 script2 因为 popper 必须在 bootstrap.min.js 之前调用。

每当你想更新 js link 你只需要更新两者的 src。

不要忘记更新您的问题，因为它仅突出显示 css 部分。

如何 link 到 HTML 中多个页面的文件夹中的 CDN

How to link to a CDN in a folder for multiple pages in HTML

html

bootstrap-5