香！手把手搭建免費快速的個人圖床
經常寫博文的朋友對床圖肯定不陌生，島主習慣使用markdown撰寫博客，將圖片放在床圖網站生成外鏈統一管理，這樣一份博文就可以發布在不同的平臺，不過免費的床圖網站有時不穩定，付費價格又都不便宜，
最近了解到了Github+jsDelivr的方式搭建個人床圖，既穩定又快速還免費，突出一個香！
搭建方法也比較簡單，本文默認你已經：
- 有Github賬號
- 通過SSH與本地Git系結
- 掌味訓本的Git操作
那么，搭建床圖僅需三步，
第一步，在GIthub建立一個倉庫
第二步，將本地圖片push到倉庫
- 先將建好的倉庫clone到本地
- 將需要上傳的圖片添加到對應檔案夾
- git push
圖片就是保存在github倉庫，每個倉庫有1個G的容量限制，1個G？不叫事，那能存很多圖片，如果你圖片存滿，那再建個新倉庫就是了，
眾所周知，Github的資源在國內加載速度比較慢，所以需要用到一種CDN技術來加速，
CDN的全稱是Content Delivery Network，即內容分發網路，CDN是構建在網路之上的內容分發網路，依靠部署在各地的邊緣服務器，通過中心平臺的負載均衡、內容分發、調度等功能模塊，使用戶就近獲取所需內容，降低網路擁塞，提高用戶訪問回應速度和命中率，CDN的關鍵技術主要有內容存盤和分發技術，
jsDelivr(https://cdn.jsdelivr.net)就是一種免費且快速的CDN，通過jsDelivr參考資源GIthub圖片資源，即可實作圖片加速，所以接下來的第三步，改寫一下鏈接就搞定了，
第三步，通過jsDelivr參考資源
使用方法：
https://cdn.jsdelivr.net/gh/你的用戶名/你的倉庫名@發布的版本號/檔案路徑
官網有更多說明：
// 加載任何Github發布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file
// 加載 jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js
// 使用版本范圍而不是特定版本
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js
// 完全省略該版本以獲取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
// 將“.min”添加到任何JS/CSS檔案中以獲取縮小版本，如果不存在，將為會自動生成
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js
// 在末尾添加 / 以獲取資源目錄串列
https://cdn.jsdelivr.net/gh/jquery/jquery/
這里的連接島主其實還是折騰了一下的，舉個例子防止大家鏈接寫錯，
比如Github上圖片的連接為https://github.com/violet227/Images/blob/main/Blog/1.jpg
則改寫后的鏈接為https://cdn.jsdelivr.net/gh/violet227/Images@master/Blog/1.jpg
以上就是如何搭建個人免費床圖的方法，希望對你有幫助！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/386604.html
標籤：其他
上一篇：個人收藏的網站(會更新)