我有一个使用 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文件。
查看这些文件之间的差异。只需使用浏览器浏览这些链接,然后右键单击您的页面即可查看源代码。您可以看到浏览器在那里看到的内容。