banner
朝闻道

朝闻道

做个知行合一的人
email

博客的CDN加速方案

小白互助😄

哎呀,我的網站好慢啊#

博客搭在 Github 的一個缺點是網頁訪問速度慢,為了解決這個問題,可以借助 CDN。

網頁為什麼慢,簡單地說,就是伺服器(Github 伺服器在國外)和客戶端(訪問網站的用戶)距離太遠,資源拉取慢。

CDN,即內容分發網路。它的功能是將指定的資源提前緩存到分佈在各個城市的站點(緩存伺服器)。這樣一來,在用戶在訪問網站後,資料將直接從距離最近的伺服器中獲取,無需再從原來那個遠在天邊的源伺服器獲取(如果它真的遠在天邊的話)。

好,那麼接下來的問題就是找到一個能白嫖的 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 托管,速度大大提高。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。