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

等绝对路径

如果使用绝对路径，则调用页面的相对路径无关紧要。