一開始搭建圖床用了gitee來搭建,感覺效果不錯。折騰的毛病有點犯了,準備吧jsDelive倒騰一下,Github不錯啊,利用jsDelivr CDN加速訪問(jsDelivr 是一個免費開源的 CDN 解決方案),PicGo工具一鍵上傳,操作簡單高效。有工具的途徑總是那么讓人心歡~
新建github倉庫
github的登陸注冊需要的爬樓吧。在倉庫下新建一個我們的圖床倉庫,記得新增一份README.md初始化哦~倉庫配置
2.1 配置Token
【Settings】-【Developer settings】-【Personal access tokens】-【Generate new token】,填寫好描述,勾選【repo】,然后點擊【Generate token】生成一個Token,注意這個Token只會顯示一次,自己先保存下來,或者等后面配置好PicGo后再關閉此網頁
2.2 配置PicGo
PicGo下載鏈接:https://github.com/Molunerfinn/PicGo/releases
下載后,傻瓜式安裝。安裝成功后進行圖床的配置
倉庫名:【用戶名 / 圖床倉庫名】
設定分支名:【master】
Token:復制粘貼Github上倉庫生成的Token
指定存儲路徑:【文件夾名稱/】,即使倉庫下生成一個文件夾,圖片會存儲在此文件夾中
自定義域名:在圖片上傳后,PicGo會按照【自定義域名+儲存路徑+上傳的圖片名】的方式生成訪問鏈接,放到粘貼板上。因為我們要使用 jsDelivr 加速訪問,所以可以設置為【https://cdn.jsdelivr.net/gh/用戶名/圖床倉庫名 】,上傳完畢后,我們就可以通過【https://cdn.jsdelivr.net/gh/用戶名/圖床倉庫名/圖片路徑 】加速訪問我們的圖片了,比如:https://cdn.jsdelivr.net/gh/OK-girl/images/hello.png
使用:
將圖片拖拽到上傳區,將會自動上傳并復制訪問鏈接,將鏈接粘貼到文件即可;
相冊功能:對已上傳的圖片進行刪除,修改鏈接等快捷操作;
生成不同格式的鏈接、支持批量上傳、快捷鍵上傳、自定義鏈接格式、上傳前重命名等
- jsDelivr 配置
CDN的全稱是Content Delivery Network,即內容分發網絡。能有效提高用戶訪問響應速度和命中率。
放在Github的資源在國內加載速度比較慢,因此需要使用CDN加速來優化網站打開速度,jsDelivr + Github應該是免費且很好用的CDN了
使用方法:
加載指定文件:
https://cdn.jsdelivr.net/gh/你的用戶名/你的倉庫名@發布的版本號/文件路徑(版本號不是必須的)
例如: https://cdn.jsdelivr.net/gh/OK-girl/blog@1.0.3/css/style.css
加載Github上發布、提交或者分支:
https://cdn.jsdelivr.net/gh/user/repo@version/file
完全省略版本,獲取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/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
加載 jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/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/