Question

我在github上有一个存储库，里面有一个.css文件。有没有办法让github以一种我可以在网页中使用它的方式提供这个文件？

换句话说，我希望能够直接从github引用此源文件，从本地计算机上的HTML文件或实时域引用。类似的东西：

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

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

Answer 1

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

发现一些非常酷的东西。您将获得原始链接：http://raw.github.com/...

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

的更新：

如果您想直接从 Bitbucket 或 GitLab
提供原始文件，也可以使用raw.githack.com

Answer 2

GitHub repos不是网络托管，你应该将这些内容推送到专门为服务文件而设计的服务，例如pages.github.com。

Answer 3

首先访问RawGit，如前所述

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

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

发展与生产参考

如果您还在开发中，请参阅您网页中的开发链接

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

如果没有更改，则表示您的浏览器保存了您以前的参考资料

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

希望有帮助吗？

Answer 4

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

Answer 5

签出https://gitcdn.link/。似乎运作良好。

Rawgit.com已关闭。

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

5 个答案: