基于Picgo+GitHub+ jsDelivr搭建CDN加速免費圖床

前言

經(jīng)常寫Markdown或者博客的同學(xué)，肯定都要用到圖床。圖床是什么呢？其實相當于一個存儲圖片的網(wǎng)站，類似百度云這樣，不過上傳圖片到圖床后可以直接通過外鏈進行訪問。

比如把本地一張a．jpg上傳到圖床后，便可以拿到一個鏈接：

https：／／www．xxx．com／img／a．jpg

然后點擊這個鏈接就可以訪問圖片a了。今天來聊聊怎么搭建可靠的圖床吧～

為什么會產(chǎn)生這個需求呢？因為小編經(jīng)常寫博文什么的，現(xiàn)在的做法是在簡書上上傳圖片，然后把生成的圖片鏈接放到Markdown文檔上面，寫好文檔以后就可以批量復(fù)制到各大博客平臺投稿了。

但是這樣有個隱患：萬一簡書哪天掛掉了，那么我放到csdn、cnbolgs等這些平臺的文章圖片都會掛掉。即使簡書一直維持現(xiàn)狀，但萬一哪天它不高興了，做了個外鏈防盜（圖片外鏈只能在本站顯示），那同樣會遇到上面的問題。

比如小編之前放在簡書上的文章，復(fù)制到csdn上后。不知道怎么回事：

說多了都是淚。因此，趁早做好準備，免得以后出現(xiàn)問題就麻煩了。畢竟有些博客的圖片只是隨手一截，還真找不到備份……

前期準備平臺選擇

現(xiàn)在也有蠻多的圖床平臺可以選擇，常見的有SM．MS圖床、騰訊云COS、微博圖床、GitHub圖床、七牛圖床、Imgur圖床、阿里云OSS、又拍云圖床等。

而這里邊，SM．MS和Imgur有免費版也有收費版，騰訊云、七牛、阿里云、又拍云都是收費的，微博圖床據(jù)說已經(jīng)掛了。其他小站的就不推薦了，因為指不定哪天就掛了。

那么，也就剩下GitHub安全、免費又可靠了（微軟爸爸護著呢?。，F(xiàn)在微軟接管了GitHub以后，貌似公有倉庫已經(jīng)不限個數(shù)了，而且單個倉庫容量已經(jīng)放寬至2GB。這絕對夠用了，不夠就再建一個共有倉唄。最重要的還是免費，配合CDN加速，訪問也不成問題。嗯，就微軟爸爸了！

工具選擇

選擇一個本地的上傳工具是為了方便我們快速上傳圖片，獲得圖片外鏈。這里首選picgo。

這款小工具非常強大，其中最贊的就是那個剪切板圖片上傳功能，在QQ或者微信截圖截好圖片后，可以點擊剪切板圖片上傳或者通過快捷鍵，它就會把當前剪切板中的圖片上傳到配置到圖床中?？梢钥吹缴蟼魉袌D片，點擊即可復(fù)制需要的圖片外鏈格式：

配置

準備完畢就可以著手配置了。先去GitHub，沒有賬號的先注冊一個賬號。

GitHub配置

1． 創(chuàng)建Repository

鼠標移動到右上角，點擊＂New repository＂按鈕：

填寫相關(guān)信息，創(chuàng)建一個存儲圖片的倉庫：

2． 配置token key

生成一個Token用于操作GitHub repository?；氐街黜?，點擊＂Settings＂按鈕：

進入頁面后，點擊＂Developer settings＂按鈕

點擊＂Personal access tokens＂按鈕，然后點擊Generate token：

填寫描述，選擇＂repo＂權(quán)限，然后拉到下面點擊＂Generate token＂按鈕

注意：創(chuàng)建成功后，會生成一串token，這串token之后不會再顯示，所以第一次看到的時候，可以用個小本本保存起來哦，忘記了只有重新生成，每次都不一樣。

Picgo配置

拿到了剛剛記錄了GitHub token后，打開picgo，按照如下設(shè)置即可：

設(shè)定倉庫名按照“賬戶名／倉庫名的格式填寫”，比如我的是：dengfaheng／image01。

分支名統(tǒng)一填寫“master”。

設(shè)定Token將之前的Token粘貼在這里。

指定存儲路徑留空。

自定義域名的作用是在上傳圖片后成功后，PicGo會將“自定義域名＋上傳的圖片名”生成的訪問鏈接，放到剪切板上。默認留空也可以正常使用。這里為了使用CDN加快圖片的訪問速度，自定義域名我們按照這樣去填寫：

https：／／cdn．jsdelivr．net／gh／GitHub用戶名／倉庫名

比如我的是：

https：／／cdn．jsdelivr．net／gh／dengfaheng／image01

點擊確定后就配置完成了，我們截圖后點擊剪切板圖片上傳，如果上傳成功，拿到的外鏈放到Markdown中正常訪問，就OK啦。

當然快捷上傳的快捷鍵也可以到設(shè)置中進行配置?？梢钥吹紾itHub倉庫中多了很多我們上傳的圖片。

也可以在picgo中對上傳的圖片進行相關(guān)操作，不過這里的刪除只是刪除picgo中的圖片而言，GitHub上的不會刪除哦。

至于如何刪除GitHub上的圖片，emmm……那說來就話長了。。就不說了。大家還是不要刪了，空間不夠了再開個倉庫即可。