使用Typora + 阿里雲OSS + PicGo 打造自己的圖床

• 2022 年 4 月 28 日
• 筆記
• Markdown, 圖床

使用Typora + 阿里雲OSS + PicGo 打造自己的圖床

為什麼要打造圖床？

讓筆記遠走高飛

試問以下場景：

1. 我們要把 markdown 筆記放到某部落格上，直接進行複製即可。但因你的圖片存儲在本地，部落格上的圖片因無法找到本地路徑而無法顯示，因此需要到本地找到圖片一個個上傳
2. 我們要把 markdown 筆記共享給朋友，你需要同時把圖片一併發送

是否很麻煩？

這時我們可以使用阿里雲OSS + PicGo 打造自己的圖床讓上面的兩個場景爽到飛起：

1. 直接複製 markdown 筆記放入部落格即可
2. 把筆記共享給朋友只需要發送一份 markdown 文件即可

購買阿里雲OSS

我這裡使用的是阿里雲對象存儲OSS，你可以使用騰訊、七牛雲對象存儲等皆可

對象存儲OSS_雲存儲服務_企業數據管理_存儲-阿里雲 (aliyun.com)

• 購買阿里雲OSS

1. 點擊產品價格可見具體定價
2. 點擊折扣套餐購買

• 進入控制台創建 Bucket

• Bucket 參數設置

1. Bucket 名稱：自定義
2. 地域：一般中國任意地域皆可
3. 存儲類型：標準存儲
4. 讀寫許可權：公共讀

其他默認即可，或根據自己需求設置

• 創建AccessKey

滑鼠移動至頭像，點擊 AccessKey 管理即可進入管理介面

創建AceessKey記得要保存下來

使用PicGo

下載地址：Releases · Molunerfinn/PicGo (github.com)

下載後安裝打開Picgo

• 根據自己使用的圖床設置，我這裡使用的是阿里雲OSS

• 查看Server埠是否為36677（編輯器埠）

• 圖床設置

1. 設置KeyID、KeySecret：即之前保存的 AccessKey 於 AccessKeySecret
2. 設置存儲空間名：即之前創建 Bucket 的名字
3. 確認存儲區域：見下

進入到你的 Bucket 列表點擊 Bucket 的名字進入到概覽

如下圖所示的地址就是存儲區域要填寫的內容

注意：要去除後面的 .aliyuncs.com

• 拖動圖片測試是否能上傳成功

成功提示

Typora設置

• 進入Typora偏好設置 -> 影像

設置完畢後點擊驗證圖片上傳選項，檢查是否能上傳

至此，我們使用 Typora + 阿里雲OSS + PicGo 打造出自己的圖床了