看到好多人不会用GitHub+JsDeliver来加速自己的静态文件。遂决定水一篇,帮助一下弱者!
前期准备
关于Github仓库可以新建,也可以使用<用户名>.github.io
这个仓库。这里我就新建一个仓库为例。
一张6m的图?
上边的方式非常简单粗暴,几乎就是上传即可。但是这种方式存在几个问题。在这部分将解答疑惑。
JSD的链接是什么?
在我上图的链接为https://cdn.jsdelivr.net/gh/sviptzk/Jsd_test/79601805_p0.png
,但这并不意味着JSD只有这一种引用方式。
https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>/<文件及路径>
例如:https://cdn.jsdelivr.net/gh/blogimg/HexoStaticFile2/2020/05/28/911db4c3b95ed896b066b6e9aabae311.png
代表用户名blogimg
下的HexoStaticFlle2
仓库中文件夹/2020/05/28/
里的911db4c3b95ed896b066b6e9aabae311.png
文件。@
符链接。格式为:https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>@[分支/版本号]/<文件及路径>
分支名简述特点普通分支即GitHub的分支,可以创建多个。默认为master按分支引用,如同按分支开发latest
最后一次提交代表最后一次的提交,即每上传一个新文件,都可以用这个分支引用到。也就是不加版本号的默认情况。版本号即指定版本的内容,需配合版本发布已发布的版本不会受到仓库内容变化的影响如何按版本号引用
使用版本号引用的优点在于:这个链接仅停留在发布版本号的时刻,无论仓库如何变化,这个版本号的文件都不会受到影响。同时可以避免JSD缓存问题。
1.jpg
,使用版本号方式引用。
关于缓存问题
这个问题向迷一样,根据我自己的实测不仅与分支有关系而且与文件名有关系。文件名为*.min.*
或者是*.*
,也就是带min
的和不带min
的。这里我以index.min.css
和index.css
为例。
先来看看index.css
分支 | 首次上传 | 能否及时更新 | 缓存天数 |
---|---|---|---|
master | 可以被引用 | 第一次push和第一次修改可以更新 | 可能1天 |
latest | 可以被引用 | 与master分支几乎一致 | 可能1天 |
版本号 | 发布版本后引用 | 发布后及时更新 | 每个版本独立 |
在来看看index.min.css
分支 | 首次上传 | 能否及时更新 | 缓存天数 |
---|---|---|---|
master | 可以被引用 | 第一次push可以更新 | 可能1天 |
latest | 可以被引用 | 第一次push和第一次修改可以更新 | 可能1天 |
版本号 | 发布版本后引用 | 发布后及时更新 | 每个版本独立 |
因此总结下的使用方式就是:
文件是否有限制?
查看仓库文件
查看仓库文件有大小限制,因此当你的仓库文件大于50MB时,就无法通过JSD查看了,只能在GitHub仓库查看。
JSD的查看仓库文件有两种方式:
https://www.jsdelivr.com/package/gh/
+ 用户名 +/
+ 仓库名
例如:https://www.jsdelivr.com/package/gh/sviptzk/HexoStaticFile
https://cdn.jsdelivr.net/gh/
+ 用户名 +/
+ 仓库名 +/
仓库名[@分支]
例如仓库名@master
,默认为 master 分支https://cdn.jsdelivr.net/gh/sviptzk/sviptzk.github.io@master/
这个没有啥难度,因此只提供思路。
https://cdn.antmoe.com/1.jpg
。代表访问仓库根目录下的1.jpg
文件
上边只是一个示例,不要试图访问哦!