无法为GitHub页面加载CSS

Question

我有一个发布有GitHub页面的网站：

https://safelyswift.github.io/Swizzle/

我想在docs/css/style.css文件中使用index.html。我尝试使用完整的URL，GitHub的原始URL和缩短的URL，但是它们都不起作用。

ie：我已经尝试过在这条线上做很多变化：

<link rel="stylesheet" href="https://github.com/SafelySwift/Swizzle/blob/master/docs/css/style.css">

<link rel="stylesheet" href="/Swizzle/docs/css/style.css">

<link rel="stylesheet" href="https://raw.githubusercontent.com/SafelySwift/Swizzle/master/docs/css/style.css">

但无济于事。

获取错误：

Did not parse stylesheet at 'https://github.com/SafelySwift/Swizzle/blob/master/docs/css/style.css' because non CSS MIME types are not allowed in strict mode.

在Safari调试控制台中。

Answer 1

尝试：<link rel="stylesheet" href="css/style.css">

Answer 2

您应该链接到https://safelyswift.github.io/Swizzle/css/style.css短的css/style.css，因为GitHub页面的根目录是/docs。

“ https://github.com/SafelySwift/Swizzle/blob/master/docs/css/style.css”不起作用的原因是，此链接实际上转到GitHub代码预览页面。它不是有效的CSS文件，而是具有许多GitHub函数（预览，提交日志，历史记录等）的HTML页面，但是GitHub Page提供了“ https://safelyswift.github.io/Swizzle/css/style.css”，因此此链接仅包含纯CSS文件，有效。

查看这些文件之间的区别。只需使用浏览器浏览这些链接，然后右键单击您的页面即可查看源代码。您可以在那里看到您的浏览器。