banner
朝闻道

朝闻道

做个知行合一的人
email

博客的CDN加速方案

小白互助😄

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

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。