html - 我的 Github 页面不会将自定义 css 文件应用到网站

标签 html css github

<分区>

我已尝试上传我的自定义 CSS 文件以应用于 https://soundoffmusic.com/

我有这个文件路径的原始 CSS 文件

https://raw.githubusercontent.com/themomoravi/SoundOff-Website/master/styles.css

我已经尝试将其用作我的 href,因为它直接指向原始 CSS 文件:

href="https://raw.githubusercontent.com/themomoravi/SoundOff-Website/master/styles.css">

还是不行。我也尝试了这个的缩写版本,例如 styles.cssSoundOff-Website/styles.css 等(作为我的 href). 我想知道为什么 github 页面可能无法呈现我的自定义 CSS。

请提前告知并非常感谢。

最佳答案

如果您使用 GitHub 页面从 GitHub 存储库为您的网站提供服务(我假设您正在这样做,根据您提供的原始链接判断),您可以(并且应该)以相对方式引用您的 Assets ,例如

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

在你的index.html<head> .

直接链接到 GitHub 原始存储可能会导致问题,因为它不是设计为 CDN,并且所有内容总是返回 plain/text header 。曾经有一个service它在客户端和原始 GH 存储之间提供了坚实的桥梁,但它已被关闭,GitHub 页面现在也能正常工作。

关于html - 我的 Github 页面不会将自定义 css 文件应用到网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56519605/

上一篇:javascript - 单击按钮时如何使输入中的文本进入段落

下一篇:python - 如何从不正确的输入向 Django 输入弹出窗口添加 CSS 样式

相关文章:

jquery - Div 大小取决于单击时从左到右翻译 Angular 的文本

javascript - 浏览器什么时候初始化闪存?

github - 使用哪个Tensorflow Docker镜像?

git - 我怎样才能对公共(public) stash 一些文件,同时在 Github 存储库中对它们进行版本控制

html - 影响轮廓的伪元素

javascript - 停止图像幻灯片上的图像闪烁

jquery - 聊天框的 Html SignalR Chat 溢出

html - 仅使用 CSS 将文本置于绝对定位的父 div 的左上角

git - Git merge 编译后的文件有问题吗?

html - 使用 Tampermonkey 删除空间/?