自建 jsDelivr 鏡像

花了點時間，簡單做出來的。

前言#

之所以做這個，主要是因為大部分的 jsDelivr 鏡像都不允許用於加速圖片，而自己早期的文章還有一堆仍在 GitHub 未遷移的圖片。

也正是因為允許用於加速圖片，才使用 Cloudflare CDN 分發資源以至於不讓 Vercel 那 100 GB 流量被快速消耗完的同時防範攻擊。

看到網上同類項目不算多，因此想著做了一個。

使用方法#

Endpoint：https://jsd.lihaoyu.cn

只需要將 https://cdn.jsdelivr.net 替換為 https://jsd.lihaoyu.cn 即可。

文件結構遵循 jsDelivr 原有結構，建議在生產環境中指定版本號，防止因緩存原因造成不必要的麻煩。

示例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
-   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
+   <link rel="stylesheet" href="https://jsd.lihaoyu.cn/npm/[email protected]/css/bulma.min.css">
  </head>
  <body>
  <section class="section">
    <div class="container">
      <h1 class="title">
        Hello World
      </h1>
      <p class="subtitle">
        My first website with <strong>Bulma</strong>!
      </p>
      <figure class="image is-128x128">
-       <img class="is-rounded" src="https://cdn.jsdelivr.net/gh/Big-Cake-jpg/Image_For_My_Blog/20230404_124948000_iOS.jpg">
+       <img class="is-rounded" src="https://jsd.lihaoyu.cn/gh/Big-Cake-jpg/Image_For_My_Blog/20230404_124948000_iOS.jpg">
      </figure>
    </div>
  </section>
  </body>
</html>

緩存刷新#

緩存刷新這裡我沒什麼辦法解決。

如果要刷新的話，可以在評論區留言，我每週末統一刷新一次吧。