Are we allowed to link files directly from Github ?

我们可以直接从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>

I know this is allowed on Google Code. This way I don't have to worry about updating a local file.

我知道这在谷歌代码上是允许的。这样，我就不必担心更新本地文件了。

优秀答案推荐

The great service RawGit was already mentioned, but I'll throw another into the ring: GitCDN.link

前面已经提到了伟大的服务RawGit，但我将把另一个服务GitCDN.link抛到台上

Benefits:

• Lets you link to specific commits, as well as auto-get the latest (aka master)


• Incurs no damage from high traffic volumes; RawGit asks that it's dev.rawgit.com links be only used during development, where as GitCDN give you access to the latest version, without the danger of the servers exploding


• Give you the option of auto minifying your HTML, CSS and JavaScript, or serving it as written (https://min.gitcdn.link).


• Adds compression (GZip)


• Adds all the correct headers (Content-Type, cache-control, e-tag, etc)

Full disclosure, I'm a project maintainer at GitCDN.link

完全公开，我是GitCDN.link的项目维护者

This service has been shuttered due to Heroku's policy change to remove all free tiers.

由于Heroku删除所有自由层的策略更改，此服务已关闭。

You can use external server rawgithub.com. Just remove a dot between words 'raw' and 'github' https://raw.github.com/.. => https://rawgithub.com/ and use it. More info you find in this question.

您可以使用外部服务器rawgithorb.com。只需删除单词‘RAW’和‘GitHub’https://raw.github.com/..之间的一个点=>https://rawgithub.com/并使用它。你可以在这个问题中找到更多信息。

However, according to the rawgithub website it will be shutting down at the end of October 2019.

然而，根据rawgithorb网站的说法，它将于2019年10月底关闭。

Append ?raw=true at the end of the file link.

在文件链接的末尾追加？RAW=TRUE。

---

Example

示例

Original link:

原始链接：

https://github.com/numpy/numpy/blob/main/doc/source/_static/favicon/apple-touch-icon.png

Https://github.com/numpy/numpy/blob/main/doc/source/_static/favicon/apple-touch-icon.png

Raw link:

原始链接：

https://github.com/numpy/numpy/blob/main/doc/source/_static/favicon/apple-touch-icon.png?raw=true

Https://github.com/numpy/numpy/blob/main/doc/source/_static/favicon/apple-touch-icon.png?raw=true

That will automatically redirect to:

它将自动重定向至：

https://raw.githubusercontent.com/numpy/numpy/main/doc/source/_static/favicon/apple-touch-icon.png

Https://raw.githubusercontent.com/numpy/numpy/main/doc/source/_static/favicon/apple-touch-icon.png

GitHub Pages: https://yourusername.github.io/script.js

GitHub repo raw files: https://github.com/yourusername/yourusername.github.io/blob/master/script.js

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

Use GitHub Pages, DO NOT use raw files.

使用GitHub页面，不要使用RAW文件。

Reason:
GitHub Pages are based on CDN, raw files are not. Accessing raw files will directly hit on GitHub servers and increase server load.

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

You can link directly to raw files, but it's best not to do it since the raw files always get sent with a plain/text header and can cause loading problems.

您可以直接链接到RAW文件，但最好不要这样做，因为RAW文件总是以纯文本标题发送，可能会导致加载问题。

Add a branch your project using the name "gh-pages" and then you'll (shortly after branching) be able to use a direct URL such as https://username.github.io/project/master/style.css (using your URL, and assuming "style.css" is a file in the "master" folder in the root of your "project" repository...and that your Github account is "username").

使用名称“gh-Pages”为您的项目添加一个分支，然后(在分支之后不久)您将能够使用一个直接的URL，如https://username.github.io/project/master/style.css(使用您的URL，并假设“style”是位于“project”存储库根目录下的“master”文件夹中的一个文件……并且您的github帐户是“用户名”)。

You need carry out the following steps

您需要执行以下步骤

1. Get the raw url of the file from github. Which is something like https://raw.githubusercontent.com/username/folder/example.css




2. Visit http://rawgit.com/. Paste the git url above in the input box. It will generate two url's, one for development and other for production purpose.




3. Copy any one of them and you are done.

The file will act as a CDN. You can also use gist urls.

该文件将充当CDN。您也可以使用GIST URL。

Use jsdelivr.com

使用jsdelivr.com

Copied directly from https://www.jsdelivr.com/?docs=gh:

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

load any GitHub release, commit, or branch

note: we recommend using npm for projects that support it

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

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

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

load jQuery v3.2.1

加载jQuery v3.2.1

https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js

Https://cdn.jsdelivr.net/gh/jquery/[email受保护]/dist/jquery.min.js

use a version range instead of a specific version

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

https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js

Https://cdn.jsdelivr.net/gh/jquery/[email受保护]/dist/jquery.min.js

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

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

omit the version completely to get the latest one

完全忽略该版本以获取最新版本

you should NOT use this in production

您不应在生产中使用此选项

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

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

add ".min" to any JS/CSS file to get a minified version

将“.min”添加到任何JS/css文件即可获得精简版本

if one doesn't exist, we'll generate it for you

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

https://cdn.jsdelivr.net/gh/jquery/[email protected]/src/core.min.js

Https://cdn.jsdelivr.net/gh/jquery/[email受保护]/src/core.min.js

add / at the end to get a directory listing

在末尾添加/以获得目录清单

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

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

After searching for this same functionality, I ended up writing my own PHP script to act as a proxy. The trouble I kept running into is even when you get the RAW version/link from Github and link to it in your own page, the header sent over was 'text/plain' and Chrome was not executing my JavaScript file from Github. I also didn't like the other links posted for using third party services because of the obvious security/tampering issues possible.

在搜索了相同的功能之后，我最终编写了自己的PHP脚本来充当代理。我一直遇到的麻烦是，即使当你从Github那里获得原始版本/链接并在你自己的页面中链接到它时，发送过来的头文件也是‘Text/Plain’，而Chrome没有执行我从Github发来的JavaScript文件。我也不喜欢发布的其他使用第三方服务的链接，因为可能存在明显的安全/篡改问题。

So using this script, I can pass over the RAW link from Github, have the script set the correct headers, and then output the file as if it were coming from my own server. This script can also be used with a secure application to pull in non-secure scripts without throwing SSL errors warning of "Non-secure links used".

因此，使用这个脚本，我可以传递来自Github的原始链接，让脚本设置正确的头，然后输出文件，就像它来自我自己的服务器一样。此脚本还可以与安全应用程序一起使用，以引入不安全的脚本，而不会抛出警告“使用的不安全链接”的SSL错误。

Linking:

链接：

<script src="proxy.php?link=https://raw.githubusercontent.com/UserName/repo/master/my_script.js"></script>

proxy.php

Proxy.php

<?php
###################################################################################################################
# 
# This script can take two URL variables
# 
# "type"
#   OPTIONAL
#   STRING
#   Sets the type of file that is output
# 
# "link"
#   REQUIRED
#   STRING
#   The link to grab and output through this proxy script
# 
###################################################################################################################



# First we need to set the headers for the output file
# So check to see if the type is specified first and if so, then set according to what is being requested
if(isset($_GET['type']) && $_GET['type'] != ''){
    switch($_GET['type']){
        case 'css':
            header('Content-Type: text/css');
            break;

        case 'js':
            header('Content-Type: text/javascript');
            break;

        case 'json':
            header('Content-Type: application/json');
            break;

        case 'rss':
            header('Content-Type: application/rss+xml; charset=ISO-8859-1');
            break;

        case 'xml':
            header('Content-Type: text/xml');
            break;

        default:
            header('Content-Type: text/plain');
            break;
    }

# Otherwise, try and determine what file type should be output by the file extension from the link
}else{
    # See if we can find a file type in the link specified and set the headers accordingly

    # If css file extension is found, then set the headers to css format
    if(strstr($_GET['link'], '.css') != FALSE){
        header('Content-Type: text/css');

    # If javascript file extension is found, then set the headers to javascript format
    }elseif(strstr($_GET['link'], '.js') != FALSE){
        header('Content-Type: text/javascript');

    # If json file extension is found, then set the headers to json format
    }elseif(strstr($_GET['link'], '.json') != FALSE){
        header('Content-Type: application/json');

    # If rss file extension is found, then set the headers to rss format
    }elseif(strstr($_GET['link'], '.rss') != FALSE){
        header('Content-Type: application/rss+xml; charset=ISO-8859-1');

    # If css xml extension is found, then set the headers to xml format
    }elseif(strstr($_GET['link'], '.xml') != FALSE){
        header('Content-Type: text/xml');

    # If we still haven't found a suitable file extension, then just set the headers to plain text format
    }else{
        header('Content-Type: text/plain');
    }
}

# Now get the contents of our page we're wanting
$contents = file_get_contents($_GET['link']);

# And finally, spit everything out
echo $contents;
?>

RawGit was a popular service for serving raw files directly from GitHub repositories. However, as multiple comments are mentioning, it has reached the end of its lifetime.

RawGit是一项流行的服务，用于直接从GitHub存储库提供原始文件。然而，正如许多评论所提到的那样，它已经到了生命的尽头。

There are alternative options for serving raw files from GitHub repositories.

提供来自GitHub存储库的原始文件还有其他选择。

GitHub Raw Content URL

You can directly use GitHub's raw content URL to serve files. For example:

您可以直接使用GitHub的原始内容URL来提供文件。例如：

https://github.com/username/repository/raw/main/path/to/file.ext

As shown in the example, you can replace blob with raw in the file URL to get the raw content link.

如本例所示，您可以在文件URL中将BLOB替换为RAW，以获得原始内容链接。

GitHub Pages

GitHub Pages is a way to host static websites and assets, including images, directly from your GitHub repository. You can create a gh-pages branch or use the docs folder in your main branch to host your assets.

GitHub Pages是一种直接从GitHub存储库托管静态网站和资产（包括图像）的方法。你可以创建一个gh-pages分支，或者使用主分支中的docs文件夹来托管你的资源。

If your webserver has active allow_url_include, GitHub serving the files as raw plain/text is not a problem since you can include the file first in a PHP script and modify its Headers to the proper MIME type.

如果您的Web服务器有活动的Allow_url_Include，则GitHub将文件作为原始纯文本/文本提供服务不是问题，因为您可以首先将文件包含在PHP脚本中，然后将其头文件修改为正确的MIME类型。