GitHub+jsDelivr+PicGo搭建免費圖牀

GitHub+jsDelivr+PicGo搭建免費圖牀

1、前言

​ 1.用 markdown 寫博客，想插入一些圖片，若是採用本地存儲方式，上傳博客時插入的圖片路徑就找不到了，須要手動再把圖片上傳上去，而且修改路徑，很麻煩，能夠考慮將圖片上傳至圖牀生成 URL，直接在markdown 引入url。

​ 2.如今國內用的各類圖牀,例如,微博圖牀、SM.MS、Imgur、七牛雲、又拍雲、騰訊雲COS、阿里雲OSS等都有各類限制，或者須要收費。

​ 3.使用GitHub倉庫建立一個圖牀，存在的問題是國內訪問github的速度不是很快，能夠利用jsDelivr CDN加速訪問（jsDelivr 是一個免費開源的 CDN 解決方案）國內該平臺是首個「打通中國大陸與海外的免費CDN服務」，網頁開發者無須擔憂中國防火牆問題而影響使用。

2、建立Github倉庫

​ 建立一個github倉庫，專門存放上傳的圖片。

3、生成Access token

按照下列步驟依次生成token,生成的token只顯示一次,頁面關閉後就看不了了,須要先將它複製下來。

4、配置PicGo，使用jsDelivr的CDN

下載PicGo軟件，安裝。下載路徑：https://github.com/Molunerfin...

打開PicGo進行配置

將剛纔在Github上建立的倉庫名和分支名填入設置中，生成的Token複製到配置中。

指定存儲文件夾的路徑，PicGo上傳文件的時候，將自動在github倉庫中建立此文件夾。

自定義域名：這個頗有用，若是設置了自定義域名，PicGo生成的訪問連接，將是【自定義域名+文件名】的拼接方式。由於咱們須要使用jsDelivr加速訪問，因此將自定義域名設置爲【https://cdn.jsdelivr.net/gh/用戶名/圖牀倉庫名 】。

固然PicGo還有許多配置，不懂能夠看看PicGo提供的文檔，https://picgo.github.io/PicGo...

5、使用免費圖牀

下面就能夠愉快的圖牀了，選擇須要的圖片和格式，複製連接，粘貼到markdown中，就能顯示了。