简介

CDN(内容交付网络)是指以组在地理上分散的服务器,它们协同工作以提供互联网内容的快速交付。CDN的核心是连接在一起的服务器网络,其目标是尽可能快速、低价、可靠和安全地交付内容。

对于大多数用户而言,主要优势有以下四个:

  • 缩短网站加载时间

    通过使用附近的CDN服务器,将内容分发到网站访问者附近,访问者将能体验到更快的页面加载时间。

  • 减少宽带成本

    网站托管的宽带消耗成本是网站的主要费用,通过缓存和其他优化,CDN能够减少源站必须提供的数据量,从而降低网站所有者的托管成本。

  • 增加内容可用性和冗余

    CDN具有分布式特点,可以更好地处理更多流量并承受硬件故障。

  • 改善网站安全性

    CDN可以通过提供DDos防护、安全证书的改进以及其他优化措施来提高安全性。

jsDelivr+Github

放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。

使用方法也比较简单:

  1. 在github中new repository , 名称随便起,我这里取名为:CDN-for-blog

  2. 将该仓库clone到本地

  3. 本地添加文件,文件夹等资源

  4. push推送到github远程仓库

  5. (可选)release仓库

  6. 通过jsDelivr引用资源

    使用方式:

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

    如果没有release(发布)就不需要写版本号,发布了也可以不写版本号,版本号只是为了区分新旧资源。

我的做法

通常我的做法是:

  1. 找到需要的图片
  2. 转化成.webp格式(一般可以压缩60%-80%,可以使用该工具进行转换:https://ezgif.com/)
  3. 添加到CDN本地仓库
  4. 将CDN本地仓库push到远端

最后按照规定路径进行使用就ok啦:smile:

参考

  1. https://www.cloudflare.com/zh-cn/learning/cdn/what-is-a-cdn/
  2. https://www.itrhx.com/2019/02/10/A18-free-cdn/