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"

Answer 2

使用/myname/js/myscript.js 或http://www.mycompany.com/myname/js/myscript.js 等绝对路径

如果使用绝对路径，调用页面的相对路径无所谓。