Markdown寫做中的圖牀解決方案（基於七牛雲、PicGo）

在平常的Markdown寫做中，使用圖片是必不可少的，因此靠譜的圖片存儲服務和上傳工具顯得格外重要。圖片存儲上我一直使用七牛，我的用戶擁有10GB的免費存儲空間，而且擁有很成熟易用的圖片處理引擎，能夠說是我的博客的不二之選。而上傳工具的選擇一直是我比較頭痛的地方。手動打開七牛上傳對於我這種懶人是不可能的，而基於MD編輯器的內置圖片上傳接口不夠靈活（小書匠、Typora等），而當初多個工具使用下來iPic無心識Mac端用戶體驗最佳的工具，可是，他月費的模式並不適合我這種低頻使用者。因此，當初我折中的使用了一個小網站叫極簡圖牀。然而，最近他也掛掉了。從新搜索，我發現了今天要介紹的一個工具PicGo。其使用electron-vue進行編寫，具備全平臺的適用性。體驗上也跟iPic無二並支持多個圖牀的配置，甚至支持插件的編寫。言歸正傳，下面介紹七牛雲+PicGo的圖牀解決方案。

1. 七牛雲存儲配置

首先，須要配置七牛的對象存儲空間。沒有註冊的同窗首先要註冊帳號。

進入管理控制檯，選擇對象存儲。

選擇新建存儲空間，填寫存儲空間信息，點擊肯定建立。

建立成功後，能夠看到七牛給了咱們一個測試域名用於文件訪問`
pnix0pmqw.bkt.clouddn.com`。可是該域名僅可用於測試且會在三十日內失效，因此須要進行我的域名的綁定。

點擊綁定域名，在這裏選擇普通域名，填入一個已進行公安備案的二級域名做爲空間域名。此處已image.test.com爲例。其它選項可根據我的需求進行具體調整。

點擊建立後，等待五到十分鐘待七牛配置完畢，就能夠去域名管理複製獲得本身的CNAME。

最後登陸本身的域名運營商，配置域名解析。

如圖中所示，選擇CNAME類型，將二級域名指向咱們獲得的CNAME。

自此，存儲空間配置完畢。

PicGo配置

PicGo的安裝配置相對簡單。首先，咱們在github項目首頁上下載最新版本的安裝文件。

安裝完成後打開應用，右鍵點擊右上角PicGo的圖標選擇打開詳細窗口，在圖牀設置中找到七牛圖牀設置。

如圖須要咱們填入一系列的設置，其中：

• AK與SK在七牛的我的面板密鑰管理中可查。
• 存儲空間名稱即爲咱們以前所設置的存儲空間名稱。（ 例子中爲test-bucket ）
• 訪問網址即爲咱們以前所綁定的域名。（ 例子中爲image.test.com ）
• 能夠指定存儲路徑，將PicGo上傳的圖片存儲到指定目錄當中。

上傳圖片時，一種方式是直接拖拽圖片到上傳區

上傳成功後PicGo會自動將連接格式對應的圖片自制放到剪貼板上以供複製。

另外一種方式可能更加實用，直接使用微信等自帶的截圖工具，截圖後圖片在剪貼板中，此時可以使用shift+cmd+p自動上傳，一樣上傳成功後，圖片地址會傳入剪貼板，能夠直接在MarkDown文件中進行復制使用。

至此，基於七牛與PicGo的圖牀配置完成。

PicGo還有相應的 VsCode插件，一樣能夠實現多種上傳方式，具體的配置能夠查看項目文檔，此處再也不介紹。