说明: CDN即把一个文件分发网络,依靠在各地的服务器或服务商;通过白嫖的CDN平台的负载均衡、内容分发、调度等功能模块;让用户出门右拐从邻居老王家拿到想要的文件,提高用户访问响应速度和命中率。 — — 简单点比如:抓奸。你在没有CDN情况下可能需要开个车跨越几个省份。用了CDN节点, 出门右拐立马抓到老王。

  • 好像重点还没说!
  • 免费CDN:jsDelivr + Github

如果就单单的使用github国内一样是很慢的,就算你面对用户海外也一样。
因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。

新建一个github仓库

  • 假设创建typecho仓库
  • 我这里有typecho所以它警告我

github仓库

克隆typecho仓库到本地

  • 因为在官网上面只能上传文件,不能上传文件夹的
  • 这里我建议直接下载一个github客户端,真的是太方便

  • 我这里就不一一截图怎么下载客户端
  • 直接搜一下github客户端
  • 然后看右边

  • 登录好账号之后是这样的,下拉

已经登录

  • 搜仓库ADD点击第一个,然后跟着步骤走
  • 目录可以自己自定义

添加仓库

  • 最后就看到有一个新的文件夹
  • .git目录不要动,开始复制你的静态文件过来
  • 比如我添加一个logo到文件夹,这里显示你修改的内容

添加logo

  • 左下角随便写点什么
  • 我直接123然后图片不见了,点击Push上传

最后

  • 还看啥,已经上传完了。赶紧收了这个,看下一题

然后呢?要干啥!

当然是要在网站引入它们了,在这里之前呢;我们先测试一下有没有出现什么问题。

//https://cdn.jsdelivr.net/gh/用户名/仓库名/文件夹/123.js
https://cdn.jsdelivr.net/gh/guugg/typecho/assets/ideal/ideal.css
//在ideal.css换成ideal.min.js 就自动帮你压缩了。注意有些文件不能压缩,我之前遇到这个坑

注意:如果你在github来固定一下版本,我这里就不一一说了,看右边一系列调用

注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:

// 加载任何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/

部署到博客上

  1. 通过刚才我们已经学会了如何下载、上传、调用、压缩
  2. 接下来就..嘿嘿嘿啦
  3. 目前用的是typecho博客;handsome主题;主题链接右下角!
  4. handsome主题里的assets文件拷贝到typecho仓库目录
  5. 上到github上面
  6. 干啥呢?干啥呢?
  7. handsome主题设置->速度优化->将本地静态资源上传到你的cdn上
  8. 应该看得懂吧,如果刚才跟我步骤一样来的,直接复制下面代码。记得保留后面的/
https://cdn.jsdelivr.net/gh/guugg/typecho/assets/

完成

最后一点,在选择公共CDN库;我选择的是本地。选择其它的不知道会不会出错。
  • 最后就拜拜啦!

希望不要原文转载,谢谢!转载带上链接多好阿! 嘿嘿嘿嘿~ 一直白嫖一直爽

最后修改:2019 年 11 月 28 日 11 : 02 PM
如果觉得我的文章对你有用,请随意赞赏