【git/githtb-01】从外部url链接到github文件

 

写在开头：

GitHub 存储库原始文件举例：https://github.com/yourusername/repo/blob/version/file

当我们在web页面或者其他地方需要引用github上的文件时，可以直接访问原始文件链接，但是不推荐这样做，因为此动作会直接命中 GitHub 服务器并增加服务器负载，有时可能加载不出资源。可以在github申请使用 GitHub Pages，这里先不展开说明，但是这个方法对于引用单个文件来说有些小题大做了。

GitHub Pages 页面：https://yourusername.github.io/file


 

推荐使用jsdelivr

官网　　https://www.jsdelivr.com/?docs=gh

 

快速使用：

可以直接套用下面的模版，无需其他步骤。

模版：https://cdn.jsdelivr.net/gh/　+　yourusername/repo@version/file

该模版可以加载任何GitHub发行版、提交或分支

注意：建议在支持NPM的项目中使用它

使用说明：

case1.加载 jQuery v3.2.1

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

 

case2.使用版本范围，而不是特定的版本

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

 

case3.完全省略该版本以获取最新版本（你不应该在生产中使用它）

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

 

case4.将“.min”添加到任何 JS/CSS 文件以获得简化版，如果一个不存在，我们将为您生成它

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

 

case5.在末尾添加 / 以获取目录列表

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

 

其他

如果只想从 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