使用 PicX 建立免費的圖牀神器

這是我參與8月更文挑戰的第1天，活動詳情查看：8月更文挑戰

前言

寫博客文章時，圖片的上傳和存放是一個問題，咱們也許會在不一樣的平臺發佈同一篇文章，這樣一來每一個平臺都要上傳圖片。

爲了解決這些問題，作法是把圖片統一上傳到一個在線的第三方靜態資源庫中，咱們把這個資源庫稱爲圖牀。其返回一個圖片的URL，使用markdown+圖片url的方式寫做文章，而後就能夠直接使用連接引入圖片。而後整篇文章複製便可，不再用擔憂圖片的問題了。

介紹

PicX，基於 GitHub API 開發的圖牀管理神器，圖片外鏈使用 jsDelivr 進行全球 CDN 加速。免費、穩定、高效。免下載、免安裝，只需一個 GitHub 帳號，打開網站便可進行配置使用，輕鬆解決圖牀難題。

一共3個步驟就完成設置了

1. 建立 GitHub 倉庫
2. 獲取 GitHub Token
3. 配置圖牀

做者：@XPoet

網站：picx.xpoet.cn/

倉庫：github.com/XPoet/picx

文檔：github.com/XPoet/picx/…

1. 建立 GitHub 倉庫

這建立倉庫相信你們都會了啊，那就直接上圖了。

2. 獲取 GitHub Token

建立一個有 repo 權限的 GitHub Token

這裏咱們填完名稱和勾選上repo選項以後呢，而後直接點擊 Generate token 按鈕，便可生成一個token，以下圖：

注意 那個英文的意思是：

確保當即複製您的我的訪問令牌。 你將沒法再看到它！

那萬一沒了從新生成一個就行。

3. 配置圖牀

進行圖牀配置（綁定 GitHub Token、存儲圖片的倉庫和目錄）

1. 這裏咱們先登陸一下,點擊右上角的未登陸，而後填入剛剛在Github生成的Token，點擊確認Token。會自動獲取該用戶下的倉庫

2. 在倉庫的下拉列表中，選擇一個做爲圖牀的倉庫

3. 選擇一種目錄方式（目錄即倉庫裏存放圖片的文件夾）

• 新建目錄：需手動輸入一個新目錄。
• 根目錄：圖片將直接存儲在倉庫根目錄下。
• 自動目錄：自動生成日期格式 YYYYMMDD 的目錄。例如：20200909
• 選擇倉庫目錄：自動獲取倉庫下全部目錄，選擇一個便可。

若是想對圖片進行一個分類怎麼辦呢？

這個也很簡單，新建一個文件夾而後再上傳，等到下次還要上傳到這個文件夾，咱們在目錄方式中勾選選擇倉庫目錄，就會展現你建立的全部文件夾。而後進行選擇。

好比我這裏選擇vue3這個啊，而後點擊完成配置。

上傳圖片

點擊左側菜單欄的上傳圖片，咱們能夠看到目錄以及變成咱們剛剛選的vue3知識點了

上傳是能夠多選的

上傳前能夠設置圖片的名字，哈希或者重命名，若是都不勾選就是你本來圖片的名字。

圖牀管理

點擊左側菜單欄的圖牀管理，咱們能夠看到當前目錄是咱們選擇的vue3知識點

點擊切換目錄能夠切換圖片目錄，點擊圖片下面的Github和CDN能夠複製相對應的連接

點擊圖片下面的MD按鈕所複製的連接能夠直接使用在MD文件中。不然就是默認連接。

例：

1. 點擊MD以後的連接

2. 默認連接(僅僅是一條連接，在MD文件中不生效)

結語

總得來講操做簡單，咱們使用的時候儘可能使用CDN的連接，這樣訪問會快不少。

以爲不錯的話，歡迎收藏點贊喔~