CSS 未加载 GitHub 页面



我有一个使用 GitHub 页面发布的网站:

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

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

即:我已经尝试了这条线的许多变体:

<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 调试控制台中。

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

你应该链接到css/style.css,它缺少 https://safelyswift.github.io/Swizzle/css/style.css,因为你的GitHub页面的根目录是/docs

"https://github.com/SafelySwift/Swizzle/blob/master/docs/css/style.css"不起作用的原因是此链接实际上转到 GitHub 代码预览页面。它不是一个有效的CSS文件,而是一个具有许多GitHub功能(预览,提交日志,历史记录等)的HTML页面。但是"https://safelyswift.github.io/Swizzle/css/style.css"由GitHub页面提供,因此此链接仅包含有效的纯CSS文件。

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

最新更新