小白互助😄
Oh,我的网站好慢呐#
博客搭在 Github 的一个缺点是网页访问速度慢,为了解决这个问题,可以借助 CDN。
网页为什么慢,简单地说,就是服务器(Github 服务器在国外)和客户端(访问网站的用户)距离太远,资源拉取慢。
CDN,即内容分发网络。它的功能是将指定的资源提前缓存到分布在各个城市的站点(缓存服务器)。这样一来,在用户在访问网站后,数据将直接从距离最近的服务器中获取,无需再从原来那个远在天边的源服务器获取(如果它真的远在天边的话)。
ok,那么接下来的问题就是找到一个能白嫖的 CDN 了,嘻嘻。
jsdelivr(已弃用)#
现在该轮到今天的主角了 ——jsdelivr。
配置起来及其简单,你不需要下载任何软件、申请任何账号,甚至只需要在浏览器的地址栏,按照要求的格式输入代码(其实就是一个网址 /url),即可将你 Github page 上的博客文件上传到 jsdelivr 的服务器,然后使用他们的服务 ——CDN 加速访问你的博客文件。
如果你的博客也搭建在 Github,那么下面的内容对你会有所帮助。
首先,为你的 Github 的博客仓库发布一个 release 版本(只有这样才能使用 jsdelivr)(很简单,需要你自行上网搜一下),然后我来告诉你需要在浏览器地址栏输入的代码:
注意:下面 “你的 Github 名”、“你的仓库名”、“@发布的版本号” 都需要你按照自己的 Github 来输入,你可以参考该文章末尾处最后一个代码(我的用法)。
- 如果想上传博客文件库的某个版本:
https://cdn.jsdelivr.net/gh/你的Github名/你的仓库名/@发布的版本号/
- 或者上传版本中的某个文件:
https://cdn.jsdelivr.net/gh/你的Github名/你的仓库名/@发布的版本号/文件名+后缀
- 或者上传版本中的某个文件夹:
https://cdn.jsdelivr.net/gh/你的Github名/你的仓库名/@发布的版本号/文件夹名/
注意结尾的
/
号是必须有的。
成功后会出现已上传的文档页面。然后你可能就会发现自己的网页打开速度飞快,至少比上次快。
使用以下代码可以直接上传整个仓库的文件,并且实时更新文件,而不是一次上传一个版本,事实上我觉得这是最方便的做法。
https://cdn.jsdelivr.net/gh/你的Github名/你的仓库名/
比如我是这么用的:https://cdn.jsdelivr.net/gh/1xiaoyuan/1xiaoyuan.github.io/
这是后来我才发现的,去掉版本号可以直接上传整个仓库🤷♂️ 实时更新真的太爽了。
新方案:cloudflare#
2023-07-30,将新域名用 cloudflare 进行 CDN 托管,速度大大提高。