前言
很久之前用過Atom以及其他一些軟體來寫markdown，但用起來都不是很順手。後來被人安利了Typora，從此它便成為了我寫markdown的不二之選。使用Typora來記markdown本地筆記是很舒服的，但是将含有圖檔的本地筆記釋出為部落格時就會讓人有點頭疼。筆記中的圖檔就需要一張一張地手動傳到部落格網站上，尤其當圖檔較多時，這個體力活還是會相當地累人😂。于是尋思琢磨着搭建一個圖床，在筆記中引用圖檔的URL，享跨平台之樂。一搜發現Typora居然支援上傳圖檔，還可以與PicGo聯手搭建圖床。第一反應是，這是什麼時候的事，我怎麼沒有發現？然後看了别人的Typora更新截圖後才知道，原來這是Typora 0.9.84版本的新增功能。我目前的是0.9.89，雖然可直接享用這個功能，但仍有些許後悔自己沒有仔細看Typora的更新日志，缺失了那份發現新大陸的喜悅😂。看來以後得注意一下軟體的更新日志，以免錯億。最後圖檔的存儲服務我選了阿裡雲，就像網上一個道友說的，就算哪天我不敲代碼了，阿裡雲也會活的好好的。廢話說了那麼多，接下來就進入配置步驟這個正題環節。
下載下傳Typora與PicGo
Typora是一個跨平台的markdown神器軟體，界面簡潔，功能強大（再誇一波～）。
下載下傳版本在0.9.84之上的Typora後，打開其【偏好設定】，然後點選左側邊欄的【圖像】選項，在右邊内容面闆可看見上傳服務。與PicGo相關的有兩個選項，一個是【PicGo Core (command line)】，一個是【PicGo (app)】。（其實還有第三種方式，【Custom Command】，後面會講）
兩種方式都需要點選選項框下的下載下傳或者更新，即在安裝PicGo後才可使用。前者可以了解為下載下傳一個插件子產品内嵌入Typora軟體中。後者是下載下傳一個獨立的軟體，在上傳圖檔時會調用該軟體，是以在選擇第二者方式時，還需要添加PicGo軟體的安裝位置。兩種方式沒有優劣之分，看哪種友善使用哪種。需要特别特别注意，下載下傳的速度真的很慢，趁這個時間，我們可以先去把阿裡雲的OSS服務配置了。（後面看官方文檔我發現另一種快速下載下傳的方式，論看官方文檔的重要性！見【Custom Command】一部分）
下載下傳PicGo Core ing，真的很慢😂
配置阿裡雲OSS
OSS是Object Storage Service的簡稱，翻譯過來即對象存儲服務。阿裡雲的這個服務收費比較複雜，戳這裡了解。服務費用由存儲費用、流量費用、請求費用、資料處理費用、對象标簽費用、傳輸加速費用組成。一般寫個部落格也不用開通資料處理（如圖檔裁剪。加水印好像不算是資料處理，後面會簡單介紹一下給圖檔加水印）、對象标簽、傳輸加速功能，最後就主要在存儲、流量和請求上花費金錢。對象存儲可以買一個 對象存儲資源包 ，一年标準存儲包的40G套餐9軟妹币就可以暫時搞定。是以，動态費錢的就是流量和請求部分。這可以說是喜悅中帶着淡淡悲傷，有很多人看你的部落格，你會很有成就感，但随之而來還有你需要承擔的通路費用。流量也有包月套餐，不過我這個部落格也沒有那麼多的通路量，也就沒有購買，用的預設的按量計費。
首先，登入阿裡雲賬号（這個不需要強調），推薦使用RAM賬号登入，避免主賬号權限過大出現濫用。進入對象存儲OSS服務頁面，可以先選擇立即開通，也可以直接點選折扣套餐。
在折扣套餐界面購買一個存儲資源包。
之後進入控制台，點選右邊工具欄建立一個Bucket，填寫名稱并選擇公共讀。
點選确定後，在主界面會看見通路清單路徑中出現了你建立的Bucket，點選之後我們會看到如下界面，一定要注意圈出來的資訊，在配置PigGo時會需要。（下面顯示的為我目前所用的Bucket）
這樣OSS的配置基本算搞定了。
不過，我們接下來配置PigGo還需要一個很重要的資訊，即通路接口的憑證。
我們點選界面右上角的頭像，進入AccessKey管理。然後點選右上角建立AccessKey。AccessKey ID和AccessKey Secret産生時要立馬記下來，後面是無法再現的。
關于阿裡雲OSS的配置到這裡才真的結束了，這邊的PicGo應該也下載下傳OK了。
配置PigGo
PicGo Core (command line)
打開【PicGo Core (command line)】選項下的【打開配置檔案】，複制粘貼上如下資訊，記得替換成自己的哈。
{
"picBed": {
"uploader": "aliyun",
"aliyun": {
"accessKeyId": "你儲存的Id",
"accessKeySecret": "你儲存的Secret",
"bucket": "myworld7-cnblog-img", // 替換成你的Bucket名稱
"area": "oss-cn-beijing", // OSS管理界面EndPoint(地域節點的第一部分)
"path": "img/", // 這個名字随意
"customUrl": "https://myworld7-cnblog-img.oss-cn-beijing.aliyuncs.com", // OSS管理界面Bucket域名，加上了https
"options": "" //可不填
}
},
"picgoPlugins": {}
}
Ctrl + S 儲存
接着點選【驗證圖檔上傳選項】測試，是否将圖檔成功上傳。如果OK沒問題，那就可以開啟愉快地寫作之旅了。
在編輯界面可以讓粘貼過來的圖檔上傳到阿裡雲，上傳成功後，連結會自動轉換為阿裡雲OSS的URL。當然也可以在【偏好設定】-【圖像】處設定自動上傳。
PicGo (app)
我認為PicGo (app) 的好處在于獨立。在沒有使用Typora的時候，我們也可以使用它單獨上傳圖檔。
在Ubuntu中打開預設是一個小方塊，我用滑鼠點了兩下，才發現原來右鍵是詳細菜單（沒見過進階工具的憨憨）。
這些配置基本就和PicGo Core類似。
之後，我們點開Typora【偏好設定】-【圖像】，把路徑給設定好。這個可不能忘，不然這兩個就是互相獨立的軟體，不會産生化學反應。然後，點選【驗證圖檔上傳選項】，如果OK，那就美滋滋了。如果不OK，就需要再檢查一下是不是路徑不對，或者PicGo本身的配置有問題。
PicGo (app) 可以單獨拖拽圖檔上傳，然後複制多種格式連結（真香）。
Custom Command
其實等我配置好阿裡雲OSS後，不論是PicGo Core還是PicGo (app)都沒有下載下傳好😂。
左等等右等等，中間還去看了一章書，然而還是無果，于是我去翻官方文檔上傳圖檔詳情說明頁，瞧瞧有沒有其他方法。
蒼天憐愛，原來可以通過
npm
下載下傳PicGo。使用如下指令便可以解救處于無望等待中的你～
sudo npm install picgo -g
等了一分多鐘左右，搞定了。（以上是下載下傳後我再使用指令後的結果）
歡喜打開【PicGo Core (cmmand line)】選項下的驗證圖檔上傳選項，看看是否OK了。令人有點傷心的是，Typora預設使用的指令路徑不是npm安裝PicGo的路徑，是以驗證失敗了。
但是機智的我突然看到了【Custome Command】選項，一絲生機出現了。我填上了自定義指令：
/usr/local/bin/picgo u
結果很nice，驗證成功了～（這個選項沒有【打開配置檔案】，用的還是和PicGo Core相同的配置檔案）
官方文檔也有對Custom Command的配置說明，要去好好看官方文檔。
圖檔加水印
關于如何加水印，官方文檔比我說的清楚多了，也不難了解（比計費好了解），道友們移步圖檔水印。
我最後加的字尾如下：
?x-oss-process=image/watermark,text_c2FrdXJheHhfY25ibG9n,type_ZHJvaWRzYW5zZmFsbGJhY2s,size_15,shadow_50,t_85,g_se,x_10,y_10,color_ffffff
請大家仔細看右下角～
小結
Typora+PicGo+阿裡雲搭建圖床終于講完了，祝大家寫作愉快～ 整個流程下來，我隻想說，官方文檔真的很重要😂。也許看别人的教程來做不會很費腦，但是出現别人沒有遇見問題時，官方文檔就會像耶和華，為虔誠的你指點迷津。最後還有一點小感慨，寫教程，圖好多啊～（下水道女孩流下了悲傷的淚水，如果有一天大家看不見圖了，那說明我已經支付不起這費用了😭 ）
參考：
[1] Upload Images[EB/OL]. /2020-06-15. https://support.typora.io/Upload-Image/.
每天進步一點點，不要停止前進的腳步~