引用 github repo 中的 .css 文件作为 .html 文件中的样式表答案

【问题标题】：Referencing a .css file in github repo as stylesheet in a .html file引用 github repo 中的 .css 文件作为 .html 文件中的样式表
【发布时间】：2019-03-08 08:00:22
【问题描述】：

我在 github 上有一个存储库，其中包含一个 .css 文件。有什么方法可以让 github 以我可以在网页中使用它的方式提供此文件？

换句话说，我希望能够从我本地计算机上的 HTML 文件或实时域中直接引用 github 上的这个源文件。比如：

<link rel="stylesheet"
      type="text/css"
      href="http://github.com/foouser/barproject/master/xenu-is-my-lover.css"
/>

我尝试在“原始”源文件 (http://raw.github.com...) 中包含 <link>，但 github 将其 Content-Type 提供为 text/plain，因此，Chrome 和 FF 并未将其内容添加为 CSS页面样式——文件的数据被丢弃，并且在浏览器的调试器控制台中显示警告。

【问题讨论】：

Link and execute external JavaScript file hosted on GitHub的可能重复
（试试这个）您可以创建一个folder/file.css 并从 GitHub 页面提供它。只需遵循 URL 中的正确路径，并在从本地 html 文件引用文件时获取文件。

标签： github

【解决方案1】：

重要提示：rawgit.com 正在关闭。在此处阅读有关其他替代方案的更多信息 - https://rawgit.com/

发现了一些很酷的东西。你得到的原始链接是：http://raw.github.com/...

只需从rawgit.com（或cdn.rawgit.com）获取文件，而不是从raw.github.com 获取文件并完成！

更新：

如果您想直接从 Bitbucket 或 GitLab

提供原始文件，也可以使用 raw.githack.com

【讨论】：

正是我需要提供正确的 MIME 类型！
请记住，您不应将rawgithub 用于生产代码。
疯了。私人要点和回购不起作用。仅供参考

【解决方案2】：

GitHub 存储库不是网络托管，您应该将这些内容推送到专门用于提供文件的服务，例如 pages.github.com。

【讨论】：

我认为这不是真的。您可以在 github 上托管静态文件，当然网络托管更好，但它可以在 github 页面上运行。

【解决方案3】：

查看https://gitcdn.link/。似乎运作良好。

Rawgit.com 已关闭。

【讨论】：

【解决方案4】：

如前所述，首次访问 RawGit

接下来将您的文件路径从 github 复制到 RawGit 框中

RawGit 会自动为您的网页生成两个引用

开发和生产参考

如果您仍在开发，请参考您网页中的开发链接

保存/上传然后重新加载您的网页

如果没有变化，则表示您的浏览器已经保存了您以前的参考

清除浏览器数据然后重新加载

希望有帮助吗？

【讨论】：

【解决方案5】：

您必须使用 RawGit，它是 MaxCDN 的一部分，直接从 GitHub 存储库提供具有正确内容类型标头的文件。完整教程，click here

【讨论】：