Question

我的css在我的github页面上无法正常工作。这是我repo。这是我website。我创建了这个没有Github页面的投资组合网站，它工作正常。我对github很新，所以我很有可能错过了一些东西。我通常将我的所有css / jscript本地化，但为了简单起见，我将所有的css / javascript更改为html链接。

<!doctype html>
<html>
<head>

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


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


</head>

Answer 1

我的HTML文件和CSS文件有相同的问题。我是这样修复的：

我有一个带index.html的存储库，以及一个名为style的文件夹，其中包含style.css文件。
使用head标记内的link标记部署我的index.html，如下所示：

<link rel="stylesheet" href="./style/style.css" type="text/css">

请注意href属性：“ ./ style / style.css”。

安迪。-

Answer 2

像@TarasYaremkiv提到的那样删除你的'./css/bootstrap-3.3.7/'文件夹。

之所以发生这种情况，是因为Jekyll引擎正在寻找文件'bootstrap-3.3.7 / docs / components.html'中的包含

例如：此文件{％include components / glyphicons.html％}不存在于bootstrap文件夹的components目录中。因此错误。

您可以通过仅下载必要的编译文件或使用cdn links

来避免这类错误

Answer 3

更改

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

到

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

原帖 - External CSS not working with Github Pages

css不适用于github页面

3 个答案: