图片加速关于图传以及GitHub作为图库的使用方法

　　图片加速关于图传以及GitHub作为图库的使用方法

　　CDN的全称是Content Delivery Network，即内容分发网络。 CDN是建立在网络之上的内容分发网络，依托部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，让用户就近获取所需内容，减少网络拥塞，提高用户访问响应速度和命中率。 CDN的关键技术主要包括内容存储和分发技术。 ——百度百科

　　国内Github上资源加载速度比较慢，所以需要CDN加速来优化网站的打开速度。 jsDelivr + Github 是一个免费且易于使用的 CDN，非常适合博客 网站。

　　画面加速

　　关于图片传输以及如何使用GitHub作为图库请参考文章：博客图片上传picgo工具github图片传输使用。

　　在以上参考文章的基础上，只需要修改如下配置：（指定相关的cdn域名）

　　

　　在原项目中，使用原方法进行全局替换。 Macidea 直接快捷键 command+shift+R 全局替换

　　

　　【ps：题外话】原来是统一GitHub仓库里的图片。更换成这样，可见图片的统一管理是多么的重要，管理和操作是多么的容易。

　　到此为止，已经在博客的相关图片中添加了cdn。

　　剩余资源文件

　　用法：

　　1

　　https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

　　例如：

　　1

2

3

　　https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@1.0/images/trhx.png

https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.1/css/style.css

https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.3//The%20Pet%20Girl%20of%20Sakurasou.mp4

　　注意：版本号不是必需的。用于区分新旧资源。如果不使用版本号，则直接引用最新的资源。另*敏*感*词*内的版本来查看所有资源等。使用方法如下：

　　1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

　　// 加载任何Github发布、提交或分支

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/

　　目前github页面博客基本需要快速完成。

　　参考文献 文章：

　　参考链接1

　　参考链接 2