在 HTML 文件中引用 GitHub 代码库中的 .css 文件作为样式表。

Question

我在GitHub上有一个包含.css文件的代码库。有没有办法让GitHub以一种方式提供此文件，使我可以在网页中使用它？

换句话说，我想能够直接从本地计算机或实时域的HTML文件中引用GitHub上的源文件。类似于：

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

我尝试包含一个<link>到 "raw"源文件 (http://raw.github.com...)，但是Github 将它的Content-Type作为text/plain提供，因此Chrome和FF不会将其内容添加为CSS样式到页面中 - 文件的数据被丢弃，并在浏览器的调试控制台中显示警告。

- user979672

---

可能是在GitHub上托管的链接和执行外部JavaScript文件的重复问题。 - Troy Alford

你可以创建一个 folder/file.css 并从 GitHub 页面提供它。只需按照 URL 的正确路径，并在本地 HTML 文件中引用它时获取文件即可。 - carloswm85

Answer 1

重要提示: rawgit.com 将关闭，了解其他替代方法，请查看 https://rawgit.com/

---

发现一个非常酷的东西。您可以获取原始链接：http://raw.github.com/...

只需从 rawgit.com (或 cdn.rawgit.com) 获取文件，而不是从 raw.github.com 获取即可完成！

更新:

如果您想直接提供来自 Bitbucket 或 GitLab 的原始文件，请使用 raw.githack.com

- Kushagra Gour

---

正是我所需要的，以提供正确的 MIME 类型！ - Kevin M

请记住，您不应将 rawgithub 用于生产代码。 - ricksmt

震惊了。私有的gist和存储库不起作用。只是提供一个FYI。 - Mark Carpenter Jr

JsDelivr 显然可以实现此功能！例如：https://cdn.jsdelivr.net/gh/StylishThemes/Syntax-Themes/pygments/css-github/pygments-tomorrow-night-eighties.css，这是从[此 GitHub 文件](https://github.com/StylishThemes/Syntax-Themes/blob/master/pygments/css-github/pygments-tomorrow-night-eighties.css)获取的。这项服务似乎已经存在很长时间，并得到广泛使用。 - V. Rubinetti

Answer 2

GitHub代码库不是网站托管服务，您应该将这些文件推送到专门设计用于服务文件的平台，例如pages.github.com。

- Tekkub

---

我认为这不是真的。你可以在Github上托管静态文件，尽管网站托管更好，但它也可以在Github Pages上运行。 - 32423hjh32423

Answer 3

请查看https://gitcdn.link/，该网站似乎工作正常。Rawgit.com已经关闭。

- Squirrl

---

这个似乎也不起作用；有一个主页，但是关于等页面无法解析（“Cannot GET /about”），当你尝试粘贴链接时，文本框中什么都没有？ - sdbbs

这似乎也被遗弃了，不幸的是。可能是由于Heroku移除了其免费层并删除了不活跃的帐户所致。 - V. Rubinetti

Answer 4

• 首先访问RawGit
• 然后将你的GitHub文件路径复制到RawGit框中
• RawGit会自动生成两个网页的引用：开发和生产
• 如果你还在开发中，请在网页中引用开发链接
• 保存/上传，然后重新加载网页
• 如果没有变化，那么你的浏览器已经保存了以前的引用
• 清除你的浏览器数据，然后重新加载
• 希望这有所帮助？

- Toye_Brainz

Answer 5

你需要使用RawGit，它是MaxCDN的一部分，可以直接从GitHub存储库中提供文件并具有正确的内容类型头。 完整教程，请点击此处。

- Vishal Chopra