Github页面没有在子文件夹上加载css

时间:2017-10-17 12:56:23

标签: html css github jekyll github-pages

任何想法为什么github页面停止在子文件夹中加载css和图像,它在网站的根目录下工作正常。

当我检查页面的源代码时,我看到了这个

"href="css/bootstrap-3.3.6/css/bootstrap.min.css">" 

而不是

"href="/css/bootstrap-3.3.6/css/bootstrap.min.css">".

在我的配置文件中,我有一行

baseurl : /

- > crowd42.github.io

由于

1 个答案:

答案 0 :(得分:4)

如果在加载资产时使用该变量,它的工作方式应该是baseurl : "/"

<link rel="stylesheet" href="{{site.baseurl}}css/main.css">

由于您似乎没有使用基本网址,因此您可以尝试在开头使用斜杠强制使用根路径:

<link rel="stylesheet" href="/css/main.css">

或包括绝对路径:

<link rel="stylesheet" href="{{'css/main.css'|absolute_url}}">

baseurl: ""