前言
寫技術文章的小伙伴，對於 Typora 肯定不陌生，用來編寫 Markdown 特別的方便。
但是，有個問題，就是當我們插入一個圖片，並且使之可以在公網訪問時，操作流程特別的麻煩。
首先，你需要截圖生成一個圖片文件。然后，把這個圖片文件手動上傳到圖床，然后再復制圖片的外鏈地址，然后，再把鏈接地址粘貼到文章中。沃德天，這一頓操作下來，想一想就可怕。
而現在，我只需截圖之后，直接 Ctrl+V 到 Typora，就會自動生成鏈接，並且自動上傳圖片到圖床，簡直不要太爽。
因此，本篇文章就教你怎樣用 Markdown 編輯器 Typora ，搭配圖片上傳工具 PicGo ，配合七牛雲圖床。實現自動化上傳功能。
配置七牛雲圖床
關於圖床，你有很多選擇。比如阿里雲圖床，騰訊雲圖床，github圖床等等。還有很多其他不知名的圖床就不介紹了，因為很多免費圖床都非常不穩定。
這里就以七牛雲圖床為例，因為它相對比較穩定。並且，有10個G的免費空間可供使用，這對於寫博客來說完全夠用了。
配置空間
首先，你需要申請一個七牛雲賬號，這里就不詳說了，相信這難不倒你。
然后找到對象存儲 -> 空間管理 -> 新建空間。填寫一個空間名稱，存儲區域自選，最好選擇離你地理位置比較近的地方。然后訪問控制一定要設置為公開。
創建成功之后，就會顯示當前的空間概覽。
此時，七牛雲會分配一個測試域名。需要注意的是，這個只是給你測試用的，只有30天時間，到期之后就會自動回收。因此，我們需要配置一個自己的域名。
自定義域名
關於怎樣申請域名以及域名備案，這里就不贅述了，可自行網上查閱相關資料。（之前，為了開發微信小游戲，我迫不得已只能把域名備案，並且升級為 https） 不過，這里用 http 就可以了。
點擊上圖測試域名左邊的”自定義域名“，進入下圖的創建域名頁面。其他都選默認，只需要配置加速域名，在你自己的域名前面加一個前綴（如cdn,img），形成二級域名。比如我的一級域名是 xx.cn，前面再加上 cdn，即 cdn.xx.cn 。這個 cdn 前綴需要和后邊的 CNAME解析相對應。
成功之后是下圖這個樣子，需要等一會兒讓它配置部署。然后復制一下 CNAME，稍后 CNAME 解析需要用到這個。
配置 CNAME
由於我使用的是騰訊雲，因此以騰訊雲為例，配置 CNAME 解析，其他雲平台類似。
打開騰訊雲控制台，找到域名管理，然后選擇解析。
然后點擊添加記錄。主要關注三個選項，其他都默認就行。
- 主機記錄，就是在七牛雲配置的二級域名前綴（以cdn為例），
- 記錄類型，選擇 CNAME 固定值。
- 記錄值，就是剛才在七牛雲復制的 CNAME，格式一般為：二級域名前綴-一級域名-idvbotb.qiniudns.com。
點擊保存，稍等一會兒，在七牛雲后台刷新，看到狀態為成功，則說明配置成功。
可參考官方文檔：https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name
圖片上傳工具 PicGo
圖床配置好了，但是上傳圖片需要我們在七牛雲后台上傳，特別的不方便。因此，這里用一款比較優秀的圖片上傳工具 PicGo。可自行搜索下載地址，選擇最新穩定版 2.2.2 。
安裝好之后，找到圖床設置，需要配置一下七牛圖床的參數。
前兩個參數，在七牛雲后台，密鑰管理可以找到，如下圖。存儲空間名，就是創建空間時填寫的名字。訪問網址就是我們剛才配置的二級域名，需要注意前面要加上 http:// 。
存儲區域，這里填寫你創建七牛雲選擇的空間區域的簡稱（映射關系：華東-z0，華北-z1，華南-z2，北美-na0，東南亞-as0，如我的是華東，就填寫z0即可）。存儲路徑為選填項，若填的話，注意最后要加上左斜杠。
然后，找到 PicGo設置 -> 設置Server。
需要確保端口號為 36677 （默認）。后邊在 Typora實現自動上傳就是調用的這個端口。我當初就是一直失敗，后來才發現，不知為啥我這端口號被改了，特么。
其他選項如上傳前重命名，時間戳重命名可根據需要自行選擇。不過上傳前重命名，每次會彈出來一個彈窗提示，比較煩人，我就關了。時間戳命名優點是可以避免文件名重復，但是缺點是單單從文件名區分不出來是哪一張。不過這不重要，我們可以在相冊預覽所有圖片和詳情。
Typora配置圖片自動上傳
Mardown神器，不多說，沒有的話，可以自行搜索下載。
安裝之后，打開偏好設置，找到通用，檢查更新，確保版本號在 0.9.84 之后，不然沒有上傳服務。我這里更新到了最新版本 0.9.86 。
然后，選擇圖像。在上傳服務，選擇 PicGo(app)。PicGo路徑，選擇PicGo軟件的安裝路徑。然后點擊驗證圖片上傳選項。上邊的插入圖片選擇無特殊操作即可。
驗證成功之后是下圖這個樣子，屏幕右下角也會有浮窗提示。（若不成功，請檢查端口是否正確，並確定配置的七牛雲域名可用）
然后 PicGo 的相冊中就多了兩個此次測試的圖片。
測試配置是否成功
到這里，全部的配置已經完成了。但是，為了確保可用，我們在 Typora中測試一下是否可以正常上傳圖片到圖床。
隨便截個圖，然后粘貼到 Typora 中，就會自動生成一個圖片鏈接，指向的就是七牛雲分配的鏈接。鏈接的格式類似下圖這樣。然后會有個下拉菜單，選擇《上傳圖片》，成功后，會有浮窗提示。
當然，也可以選擇此時不上傳圖片。稍后自己手動在圖片上邊右鍵選擇上傳（可以避免不用的圖片造成的圖床空間浪費）。
需要注意的是，圖片復制過來時，會把圖片放到C盤的一個緩存目錄。時間長了，肯定需要清理的，否則會占用你C盤空間。還有另外一個比較好的方法是在偏好設置，插入圖片時，選擇復制到指定路徑，把圖片放到一個空間比較大的磁盤位置，就不會占用C盤空間了，也方便集中管理。
另外，經過測試，若配置為，插入圖片時，選擇上傳圖片。則會把緩存圖片存放在和當前 .md 文件同級目錄下的 upload 文件夾下。
可以看到，Typora 給我們提供的選擇，也是非常豐富的。可以根據自己的喜好，自由搭配。
結語
工具真的是解放勞動力的神器啊。
若本文對你有用，歡迎關注我，給我點贊哦！