Typora+PicGo+OSS解決本地部落格上傳至伺服器後圖片丟失問題！
喜歡寫部落格的同學一定知道Markdown，它是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成有效的XHTML（或者HTML）文件。由於Markdown的輕量化、易讀易寫特性，並且對於圖片，圖表、數學式都有支援，許多網站都廣泛使用Markdown來撰寫幫助文件或是用於論壇上發表訊息。
如國內知名的CSDN社群使用的就是Markdown語言，Markdown文字編輯器有很多，如Mou、MarkdownPad、Typora、Atom等，而其中Typora是非常出名的Markdown編輯器，它以極致簡潔的設計理念呈現在部落格愛好者的面前，可以真正的做到即時預覽。
一般來說，博主都是在本地上寫好部落格，然後將本地的部落格部署到伺服器上以供使用者線上瀏覽，但是這樣會有一個問題，如果不做特殊的配置，本地部落格中出現的圖片上傳至伺服器上後圖片的地址會出現錯誤，導致部落格中圖片無法正常訪問，對於這個問題，可以將圖片上傳到圖床上得到該圖片的公網地址，直接用公網地址訪問。
圖床有很多，比如免費的七牛雲、SM.MS等，收費的阿里雲OSS儲存桶，個人比較習慣使用阿里雲OSS，相比其他來講價效比還是比較高的。下面講講如何配置Typora使得在本地編寫部落格插入圖片時可以直接將該圖片上傳至阿里雲OSS儲存桶中，並且該圖片是以公網地址的方式渲染到本地部落格中。
有兩種方法：
- 通過Typora內嵌的PicGo-Core(command)
- 通過客戶端PicGo(app)
PicGo-Core(command) 個人比較推薦
建立Bucket
-
進入阿里雲官網，在控制檯中找到阿里雲OSS
-
點選Bucket列表，點選建立Bucket
-
填寫Bucket名稱，選擇儲存型別等資訊，注意讀寫許可權選擇公共讀
-
進入剛剛建立好的markdown-kriyaa儲存桶，進入檔案管理新建目錄
-
建立好資料夾後，給該資料夾授權
-
點選新增授權，按照下方圖片的格式設定引數
- 此時Bucket的設定就完成了，我們還需要為該圖床的建立一個子使用者來管理它，其實使用主使用者也行，但是作為圖床沒必要使用太大的許可權，點選許可權管理-->找到訪問控制RAM前往控制檯
- 點選使用者，在該頁面下點選建立使用者，按照下圖設定建立使用者
- 使用者建立完成後，會生成Access ID和Access secret，可以點選複製儲存起來，後面做引數使用。
- 建立完成之後，還要對該使用者新增許可權
此時，阿里雲OSS儲存桶設定就完成了，接下來就是配置Tyora
配置Tyora
-
開啟typora,進入偏好設定，即開啟-->偏好設定
-
進入到影象設定介面，將插入圖片使設定為上傳圖片，選擇對本地位置的圖片應用上述規則，在上傳服務上選擇PicGo-Core(command)
-
點選開啟配置檔案，此時會用記事本開啟該配置檔案
-
將上面我們新建的子使用者的keyId、keySecret、儲存桶名稱、地區、資料夾名以及公網url填寫到配置檔案中
完整的配置如下：
{
"picBed": {
"uploader": "aliyun",
"aliyun": {
"accessKeyId": "",//子使用者的accessKeyId
"accessKeySecret": "",//子使用者的accessKeySecret
"bucket": "", // 儲存空間名
"area": "", // 儲存區域代號
"path": "", // 自定義儲存路徑
"customUrl": "", // 自定義域名，注意要加 http://或者 https://
"options": "" // 針對圖片的一些字尾處理引數 PicGo 2.2.0+ PicGo-Core 1.4.0+
}
},
"picgoPlugins": {}
}
Typora的配置就完成了，接下來可以使用自帶的測試方法進行測試
測試
-
點選驗證圖片上傳選項
-
如果得到以下結果則成功
客戶端PicGo(app),需要下載PicGo的客戶端
這種方法更加的繁瑣，但跨平臺性更好，其他Markdown編輯器也可以使用
- 下載PicGo客戶端，具體的下載地址已給出
PicGo百度雲地址：https://pan.baidu.com/s/1QJ9B6jhCV5ZW0J_TUf4l-g
提取碼：zr22
- 安裝PicGo，具體的安裝就不詳細說了
- 配置客戶端，其實和上面的一樣
- 在Typora中選擇PicGo(app)
- 測試，和前面一樣，不在贅述