小白互助😄

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托管,速度大大提高。