如何直接从Github链接文件(raw.github.com)

Question

我们是否允许直接从Github链接文件？

<link rel="stylesheet" href="https://raw.github.com/username/project/master/style.css"/>
<script src="https://raw.github.com/username/project/master/script.js"></script>

我知道Google Code上允许这样做.这样我就不用担心更新本地文件了.

Answer 1

已经提到过优质的服务RawGit,但是我会把另一个扔进戒指:GitCDN.link

优点:

• 允许您链接到特定提交,以及自动获取最新(也称为主)
• 高流量不会造成损坏; RawGit要求它的dev.rawgit.com链接仅在开发期间使用,而GitCDN可以让您访问最新版本,而不会有服务器爆炸的危险
• 为您提供自动缩小HTML,CSS和JavaScript或以书面形式提供服务的选项(https://min.gitcdn.link).
• 添加压缩(GZip)
• 添加所有正确的标题(内容类型,缓存控制,电子标签等)

完全披露,我是GitCDN.link的项目维护者

Answer 2

您可以使用外部服务器rawgithub.com.只是删除词语"原始"和"github上"之间的点https://raw.github.com/ .. => https://rawgithub.com/并使用它.您在此问题中找到的更多信息.

Answer 3

您需要执行以下步骤

1. 从github获取文件的原始URL.这是类似https://raw.githubusercontent.com/username/folder/example.css

2. 访问http://rawgit.com/.将git url粘贴到输入框中.它将生成两个URL,一个用于开发,另一个用于生产目的.

3. 复制其中任何一个,你就完成了.

该文件将充当CDN.您还可以使用gist网址.

Answer 4

您可以直接链接到原始文件,但最好不要这样做,因为原始文件始终使用普通/文本标头发送,并且可能导致加载问题.

Answer 5

使用 jsdelivr.com

直接从https://www.jsdelivr.com/?docs=gh复制：

加载任何 GitHub 版本、提交或分支
注释：我们建议对支持它的项目使用 npm

https://cdn.jsdelivr.net/gh/user/repo@version/file

加载 jQuery v3.2.1

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

使用版本范围而不是特定版本

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js

https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

完全省略版本以获得最新版本

你不应该在生产中使用它

https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

将“.min”添加到任何 JS/CSS 文件中以获得缩小版本

如果不存在，我们将为您生成

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js

在末尾添加 / 以获得目录列表

https://cdn.jsdelivr.net/gh/jquery/jquery/

Answer 6

GitHub 页面：https://yourusername.github.io/script.js
GitHub 存储库原始文件：https://github.com/yourusername/yourusername.github.io/blob/master/script.js

使用 GitHub Pages，不要使用原始文件。

原因：GitHub Pages 基于 CDN，原始文件不是。访问原始文件将直接命中 GitHub 服务器并增加服务器负载。

Answer 7

使用名称"gh-pages"对项目进行分支,然后您(在分支后不久)可以使用直接URL,例如https://username.github.com/project/master/style.css(使用您的URL,并假设"style.css"是"项目"存储库根目录中"master"文件夹中的文件...并且您的Github accoutn是"用户名").

Answer 8

对于那些在这篇文章中结束并且只想从 GitHub 中的图像获取原始链接的人：

如果是图像，则只需在文件链接的末尾添加“?raw=true”即可。例如原始链接：https : //github.com/githubusername/repo_name/blob/master/20160309_212617-1.png

原始链接：https : //github.com/githubusername/repo_name/blob/master/20160309_212617-1.png? raw =true