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

Question

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

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

编辑：帮助理解我在这里使用的内容。 我正在使用不允许 PHP 的 GitHub 页面。

Answer 1

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

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

如果你想为你的 js 文件做同样的事情，你只需要创建一个js文件并将其命名为你想要的任何示例bootstrap.js并在结束</body> html script然后在您的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 链接时，您只需要更新两者的src即可。

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

Answer 2

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