javascript - css 和 js 文件的路径

Question

我的静态生成的 jekyll 网站位于 /var/www/myname

通过 apache 映射可以访问此网站 mycompany.com/myname

现在，在我的 _layouts 文件夹中，我有一个通用模板，其中包括页眉和页脚。

此模板使用文件夹 /var/www/myname/css 和 /var/www/myname/js 中的 css 和 JS 文件，如下所示

src = "js/myscript.js"
src = "css/style.css"

这适用于 /var/www/myname/index.html

现在我在 /var/www/myname/about/index.html 创建了另一个静态页面，它使用相同的模板。

但是当我尝试访问 mycompany.com/myname/about 时，我的 css 和 JS 没有加载，因为在错误中它们的 src 被报告为 /var/www/myname/about/css/style.css 和 /var/www/myname/about/js/myscript.js

那么我应该在我的模板中为它们使用什么路径呢？如果我这样命名它们

   src = "/js/myscript.js"
    src = "/css/style.css"

然后在 mycompany.com/js 和 mycompany.com/css 搜索它们

Answer 1

从不同的位置调用模板文件，导致相对路径指向不同的位置。在这里使用绝对路径可以解决这个问题:

src = "mycompany.com/myname/js/myscript.js"
src = "mycompany.com/myname/css/style.css"