CSS 和 JS 文件的路径

path to css and js files

本文关键字：路径 文件 JS CSS      更新时间：2023-09-26

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

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

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

此模板在文件夹中使用 css 和 JS 文件/var/www/myname/css和/var/www/myname/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搜索它们

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

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

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

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

相关文章：