Typora+PicGo+騰訊COS圖床
目的背景
因為經(jīng)常使用 Markdown 編輯器寫一些博客文章，但是目前大部分md編輯器對于插入本地圖片不太友好。例如有道筆記需要會員才能方便插入本地圖片，簡書等在線編輯器則需要聯(lián)網(wǎng)后圖片上傳到網(wǎng)站服務器后展示。當前解決這個問題方式比較多是自己創(chuàng)建一個云圖床（圖床就是專門用來存放圖片，同時允許你把圖片對外連接的網(wǎng)上空間），將我們需要放到md文章的圖片先上傳到指定圖床。然后獲取圖床上圖片對應的url鏈接信息，插入咱們的文章中展示。從過程上看還是比較麻煩，也失去了我們使用md語法寫文章追求的簡潔明了目的。所以今天分享內(nèi)容就是，通過配置實現(xiàn)Typora編寫文章時，插入的本地圖片自動上傳圖床服務器，減少我們?nèi)藶閰⑴c，讓我們專注于寫作本身。
工具簡介
Typora
Typora是一款跨平臺的Markdown編輯器軟件，擁有Windows、macOS客戶端。Typora支持markdown的標準語法，同時這款軟件還支持動態(tài)預覽功能，一鍵預覽。
Typora支持代碼塊的語法高亮，對于表格、數(shù)學公式這些 MD 里比較難以輸入的元素，Typora 也提供了相當方便的輔助;支持鍵盤快捷鍵;也提供了導出 Markdown 到 HTML 和 PDF 的功能。
極簡的設計風格，完美契合了Markdown使用理念，沒有過多花里胡哨功能以及界面，軟件體積小流暢性好，簡單不失強大。
PicGo
- PicGo 是一款比較優(yōu)秀的圖床工具（圖傳工具就是可以方便我們上傳圖片到圖床的客戶端工具）?？梢灾M.MS，騰訊云COS，GitHub，七牛云，imgur ，，阿里云OSS又拍云等7種常用圖床。
- 界面簡潔，操作方便，有一些很實用插件支持。例如，上傳圖片后自動復制網(wǎng)址到剪貼板的，水印插件等都很實用。
- GitHub地址
騰訊COS
- 官方說明：對象存儲（Cloud Object Storage，COS）是由騰訊云推出的無目錄層次結構、無數(shù)據(jù)格式限制，可容納海量數(shù)據(jù)且支持 HTTP/HTTPS 協(xié)議訪問的分布式存儲服務。騰訊云 COS 的存儲桶空間無容量上限，無需分區(qū)管理，適用于 CDN 數(shù)據(jù)分發(fā)、數(shù)據(jù)萬象處理或大數(shù)據(jù)計算與分析的數(shù)據(jù)湖等多種場景。
工具配置
創(chuàng)建騰訊COS云圖床
1、登錄騰訊云對象存儲控制臺
2、創(chuàng)建存儲桶
- 注意訪問權限選擇公有讀私有寫，否則圖片無法讀取，其他的根據(jù)要求填寫就可以。 地域離你訪問位置越近越好。
image-20210926014657580.png
image-20210926014858254.png
3、獲取 APPID、SecretId和SecretKey 信息
- 點擊右上角的頭像 -> 訪問管理 -> 訪問密鑰 -> API密鑰管理
image-20210926015356040
配置Typora中PicGo
1、下載更新 PicGo
- 打開Typora -> 文件 -> 偏好設置（快捷鍵 Ctr + ，）-> 圖像 -> 選擇命令行方式 -> 下載或更新
image-20210926020027132.png
2、配置文件更新
- 打開Typora -> 文件 -> 偏好設置（快捷鍵 Ctr + ，）-> 圖像 -> 選擇命令行方式 -> 打開配置文件
- 參考配置如下
{
"picBed": {
"current": "tcyun",
"tcyun": {
"secretId": "你的secretId信息",
"secretKey": "你的secretKey信息",
"bucket": "存儲桶名-1257902742",
"appId": "你的信息",
"area": "ap-beijing",
"path": "blogs_image/",
"customUrl": "https://存儲桶名-1257902742.cos.ap-beijing.myqcloud.com",
"version": "v5"
}
},
"picgoPlugins": {}
}
-
配置的信息可以在騰訊云中查看
customUrl 可以點擊配置管理中訪問域名查看，path是我們自動上傳的圖片位置
image-20210926020911613
image-20210926021109079.png
3、測試圖片上傳
- 打開Typora -> 文件 -> 偏好設置（快捷鍵 Ctr + ，）-> 圖像 -> 選擇命令行方式 -> 驗證圖片上傳選項
- 提示成功后我們就可以去圖床上檢查一下圖片存在情況了，到這里就配置完成了。
image-20210926021407801
image-20210926021524628
使用演示
手動上傳
- 打開Typora -> 文件 -> 偏好設置（快捷鍵 Ctr + ，）-> 圖像 -> 選擇插入圖片時無特殊操作
- 當我們文章中插入本地圖片或者復制的截圖時，可以在插入后右鍵選擇上傳圖片，上傳之后我們就會發(fā)現(xiàn)圖片的路徑信息變成了url
image-20210926021929958
image-20210926022318521
自動上傳
- 打開Typora -> 文件 -> 偏好設置（快捷鍵 Ctr + ，）-> 圖像 -> 上傳圖片 這樣我們插入圖片時候就會自動上傳到圖床了不用手動進行，我還是建議手動選擇，確定后再傳避免圖床上的垃圾圖片過多。
