本文來(lái)自 悟塵紀(jì)，獲取更新內(nèi)容可查看原文：https://www.lixl.cn/2019/120114500.html
本文提到兩種插件組合方式慕趴，iPic及PicGo眨业，支持Github推盛、SM.MS葱淳、阿里OSS、騰訊COS抛姑、微博等主流圖床赞厕。通過(guò)工具的搭配使用，我們能輕松地完成在 Markdown 中插圖的工作定硝，發(fā)布到多個(gè)內(nèi)容平臺(tái)皿桑。
對(duì)于Typora + iPic方式，是Typora默認(rèn)支持的蔬啡。尤其在一次性粘貼帶有多個(gè)圖片的圖文混合內(nèi)容時(shí)诲侮，超級(jí)方便。不過(guò)iPic是收費(fèi)軟件箱蟆，可以使用PicGo來(lái)替代沟绪，只是這樣就無(wú)法實(shí)現(xiàn)一次性粘貼多個(gè)圖片的圖文混合內(nèi)容了。
iPic方式
目前空猜，Markdown 編輯器 Typora 已經(jīng)接入 iPicUploader绽慈，通過(guò)兩款工具的搭配恨旱，我們能輕松地完成在 Markdown 中插圖的工作。
自動(dòng)上傳圖片至圖床
打開(kāi) Typora 中的「系統(tǒng)偏好設(shè)置 - 圖像 - 通過(guò)iPic上傳圖片」選項(xiàng)坝疼，在 Typora 中插入本地圖片時(shí)搜贤，i會(huì)自動(dòng)將圖片上傳圖床并使用 Markdown 語(yǔ)法替換文內(nèi)地址。
使用快捷鍵
如果你的主力 Markdown 工具不是 Typora钝凶，在選中圖片或截圖之后仪芒，使用 ? + U 快捷鍵上傳，然后直接在編輯器中粘貼也是一個(gè)不錯(cuò)的選擇耕陷。
PicGo方式
PicGo是一款開(kāi)源的圖床軟件掂名，該軟件與iPic的不分伯仲，文檔支持中文啃炸，支持插件開(kāi)發(fā)铆隘。
安裝PicGo
下載地址 https://github.com/Molunerfinn/PicGo/releases ，選擇下載與系統(tǒng)匹配的安裝包南用，正常安裝即可膀钠。
配置圖床
Github圖床配置如上圖，參數(shù)說(shuō)明：
- 倉(cāng)庫(kù)名：按照
賬戶(hù)名/倉(cāng)庫(kù)名的格式填寫(xiě) - 分支名：一般填寫(xiě)
master即可 - Token：到 https://github.com/settings/tokens 去生成裹虫，然后黏貼在這里
- 存儲(chǔ)路徑：如圖配置肿嘲，會(huì)在倉(cāng)庫(kù)根目錄創(chuàng)建
images/2019的文件夾 - 自定義域名：圖片成功上傳后，PicGo會(huì)將
自定義域名+上傳的圖片名生成的訪(fǎng)問(wèn)鏈接筑公，放到剪切板中雳窟。
使用GitHub倉(cāng)庫(kù)作為圖床，存在的問(wèn)題是國(guó)內(nèi)訪(fǎng)問(wèn)github的速度很慢匣屡，可以利用 jsDelivr CDN 來(lái)加速訪(fǎng)問(wèn)封救。jsDelivr 是一個(gè)免費(fèi)開(kāi)源的 CDN 解決方案，該平臺(tái)是首個(gè)打通中國(guó)大陸與海外的免費(fèi)CDN服務(wù)捣作，擁有中國(guó)政府頒發(fā)的 ICP 許可證誉结，無(wú)須擔(dān)心中國(guó)防火墻問(wèn)題而影響使用。使用jsDelivr加速訪(fǎng)問(wèn)券躁，需要將自定義域名設(shè)置為
https://cdn.jsdelivr.net/gh/用戶(hù)名/圖床倉(cāng)庫(kù)名/惩坑。這里有一個(gè)大小為 700多K 的圖片，可以體驗(yàn)一下速度差異：Github原始地址 jsDelivr CDN加速地址
阿里云OSS圖床配置如上圖也拜，參數(shù)說(shuō)明：
Keyii及KeySecret：到 阿里云控制臺(tái)AccessKey管理 申請(qǐng)并輸入
倉(cāng)庫(kù)空間名：在對(duì)象存儲(chǔ)中創(chuàng)建的Bucket的名稱(chēng)
存儲(chǔ)區(qū)域：創(chuàng)建Bucket時(shí)所選區(qū)域的英文標(biāo)識(shí)以舒，查詢(xún)地址：OSS開(kāi)通Region
存儲(chǔ)路徑：如圖配置，會(huì)自動(dòng)在OSS存儲(chǔ)空間根目錄創(chuàng)建
2020文件夾網(wǎng)址后綴：這是阿里云OSS的一個(gè)很好用的功能慢哈，用于圖片處理（如縮略圖）蔓钟。需要去OSS的 圖片處理規(guī)則 中創(chuàng)建樣式。以下是我設(shè)置的規(guī)則岸军，后綴
w1280代表將圖片等比縮放到寬度<=1280
- 自定義域名：圖片成功上傳后奋刽，PicGo會(huì)將
自定義域名+上傳的圖片名生成的訪(fǎng)問(wèn)鏈接瓦侮，放到剪切板中。
快捷鍵及相關(guān)配置
支持快捷鍵command+shift+p（macOS）或者control+shift+p（Windows\Linux）用以支持快捷上傳剪貼板里的圖片（第一張）佣谐。 PicGo 支持自定義快捷鍵肚吏，使用方法見(jiàn) 配置手冊(cè)。
通過(guò)自定義鏈接格式狭魂，可以直接生成符合需要的Markdown代碼罚攀，方便粘貼。如我喜歡通過(guò)OSS將原始圖片等比縮放到寬度<=1280px雌澄，并將圖片縮放50%來(lái)優(yōu)化顯示效果及速度斋泄，配置如下：
復(fù)制或截圖后，通過(guò)快捷鍵上傳镐牺，然后直接粘貼炫掐，即可獲得如下可直接粘貼到Markdown文檔中的代碼：
<img src="https://oss.lixl.cn/2020/20200114222126.png/w1280" alt="" style="zoom:50%;" />
補(bǔ)充：自動(dòng)生成的代碼包括了圖片縮放設(shè)置，您也可以通過(guò)設(shè)置自定義鏈接格式為
[圖片上傳失敗...(image-150834-1581243716373)]睬涧，生成標(biāo)準(zhǔn)的Markdown代碼:[圖片上傳失敗...(image-7be206-1581243716373)]
三募胃、免安裝圖床插件方式
如果使用 Hexo 來(lái)搭建本地博客，可以不安裝 iPic畦浓、PicGo 等圖床插件痹束，通過(guò) Typora 將圖片保存在本地，基于 hexo-deployer-cos-cdn 插件一鍵自動(dòng)部署讶请，詳情可參考博文：hexo-deployer-cos-cdn 插件安裝使用指南祷嘶。
