目前的Hexo博客使用了Sakura主题,其中的静态资源(图片,js等)都被作者放在了其cdn上,作者也很鼓励使用者建立自己的cdn,存放自己的静态资源。查阅了相关资料,使用Github+jsDelivr搭建自己的免费cdn。

1. CDN

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


2. 新建cdn仓库

打开GitHub,新建仓库,仓库名为cdn。

其他的将本地文件推送到远程仓库的步骤,我就不在此赘述了😂,可以博客内查找git方面的内容。


3. 发布版本

点击release

生成版本

例如我这里添加分别就是:

  • 版本号:1.0
  • 版本名称:hexo
  • 描述:增加了博客背景图片。

4. jsDelivr引用

将github上的资源转化为快速访问网址

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

其中版本号不是必须的,如果没有,则默认引用最新的资源。我觉得有版本号的话更清晰一点👀。

如果网址最后的文件路径是一个文件夹的话,将显示这个文件夹下面的文件。

例如:

1
https://cdn.jsdelivr.net/gh/shenshilei1022/cdn@1.5/img/

5. 参考