小白互助😄
哎呀,我的網站好慢啊#
博客搭在 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 托管,速度大大提高。