前言
寫技術(shù)文章的小伙伴宏浩，對于 Typora 肯定不陌生知残，用來編寫 Markdown 特別的方便。
但是比庄，有個問題求妹，就是當我們插入一個圖片，并且使之可以在公網(wǎng)訪問時佳窑，操作流程特別的麻煩制恍。
首先，你需要截圖生成一個圖片文件神凑。然后净神，把這個圖片文件手動上傳到圖床何吝，然后再復(fù)制圖片的外鏈地址，然后鹃唯，再把鏈接地址粘貼到文章中爱榕。沃德天，這一頓操作下來坡慌，想一想就可怕黔酥。
而現(xiàn)在，我只需截圖之后洪橘，直接 Ctrl+V 到 Typora跪者，就會自動生成鏈接，并且自動上傳圖片到圖床熄求，簡直不要太爽渣玲。
因此，本篇文章就教你怎樣用 Markdown 編輯器 Typora 弟晚，搭配圖片上傳工具 PicGo 忘衍，配合七牛云圖床。實現(xiàn)自動化上傳功能指巡。
配置七牛云圖床
關(guān)于圖床淑履，你有很多選擇。比如阿里云圖床藻雪，騰訊云圖床秘噪，github圖床等等。還有很多其他不知名的圖床就不介紹了勉耀，因為很多免費圖床都非常不穩(wěn)定指煎。
這里就以七牛云圖床為例，因為它相對比較穩(wěn)定便斥。并且至壤，有10個G的免費空間可供使用，這對于寫博客來說完全夠用了枢纠。
配置空間
首先像街，你需要申請一個七牛云賬號，這里就不詳說了晋渺，相信這難不倒你镰绎。
然后找到對象存儲 -> 空間管理 -> 新建空間。填寫一個空間名稱木西，存儲區(qū)域自選畴栖，最好選擇離你地理位置比較近的地方。然后訪問控制一定要設(shè)置為公開八千。
創(chuàng)建成功之后吗讶，就會顯示當前的空間概覽燎猛。
此時，七牛云會分配一個測試域名照皆。需要注意的是重绷，這個只是給你測試用的，只有30天時間纵寝，到期之后就會自動回收论寨。因此星立，我們需要配置一個自己的域名爽茴。
自定義域名
關(guān)于怎樣申請域名以及域名備案，這里就不贅述了绰垂，可自行網(wǎng)上查閱相關(guān)資料室奏。（之前，為了開發(fā)微信小游戲劲装，我迫不得已只能把域名備案胧沫，并且升級為 https） 不過，這里用 http 就可以了占业。
點擊上圖測試域名左邊的”自定義域名“绒怨，進入下圖的創(chuàng)建域名頁面。其他都選默認谦疾，只需要配置加速域名南蹂，在你自己的域名前面加一個前綴（如cdn,img），形成二級域名念恍。比如我的一級域名是 xx.cn六剥，前面再加上 cdn，即 cdn.xx.cn 峰伙。這個 cdn 前綴需要和后邊的 CNAME解析相對應(yīng)。
成功之后是下圖這個樣子，需要等一會兒讓它配置部署绊诲。然后復(fù)制一下 CNAME愁拭，稍后 CNAME 解析需要用到這個。
配置 CNAME
由于我使用的是騰訊云匣摘，因此以騰訊云為例店诗，配置 CNAME 解析，其他云平臺類似恋沃。
打開騰訊云控制臺必搞，找到域名管理，然后選擇解析囊咏。
然后點擊添加記錄恕洲。主要關(guān)注三個選項塔橡，其他都默認就行。
- 主機記錄霜第，就是在七牛云配置的二級域名前綴（以cdn為例）葛家，
- 記錄類型，選擇 CNAME 固定值泌类。
- 記錄值癞谒，就是剛才在七牛云復(fù)制的 CNAME，格式一般為：二級域名前綴-一級域名-idvbotb.qiniudns.com刃榨。
點擊保存弹砚，稍等一會兒，在七牛云后臺刷新枢希，看到狀態(tài)為成功桌吃，則說明配置成功。
可參考官方文檔：https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name
圖片上傳工具 PicGo
圖床配置好了苞轿，但是上傳圖片需要我們在七牛云后臺上傳茅诱，特別的不方便。因此搬卒，這里用一款比較優(yōu)秀的圖片上傳工具 PicGo瑟俭。可自行搜索下載地址契邀，選擇最新穩(wěn)定版 2.2.2 摆寄。
安裝好之后，找到圖床設(shè)置蹂安，需要配置一下七牛圖床的參數(shù)椭迎。
前兩個參數(shù)，在七牛云后臺田盈，密鑰管理可以找到畜号，如下圖。存儲空間名允瞧，就是創(chuàng)建空間時填寫的名字简软。訪問網(wǎng)址就是我們剛才配置的二級域名，需要注意前面要加上 http:// 述暂。
存儲區(qū)域痹升，這里填寫你創(chuàng)建七牛云選擇的空間區(qū)域的簡稱（映射關(guān)系：華東-z0，華北-z1畦韭，華南-z2疼蛾，北美-na0，東南亞-as0艺配，如我的是華東察郁，就填寫z0即可）衍慎。存儲路徑為選填項，若填的話皮钠，注意最后要加上左斜杠稳捆。
然后，找到 PicGo設(shè)置 -> 設(shè)置Server麦轰。
需要確保端口號為 36677 （默認）乔夯。后邊在 Typora實現(xiàn)自動上傳就是調(diào)用的這個端口。我當初就是一直失敗款侵，后來才發(fā)現(xiàn)末荐，不知為啥我這端口號被改了，特么喳坠。
其他選項如上傳前重命名鞠评，時間戳重命名可根據(jù)需要自行選擇茂蚓。不過上傳前重命名壕鹉，每次會彈出來一個彈窗提示，比較煩人聋涨，我就關(guān)了晾浴。時間戳命名優(yōu)點是可以避免文件名重復(fù)，但是缺點是單單從文件名區(qū)分不出來是哪一張牍白。不過這不重要脊凰，我們可以在相冊預(yù)覽所有圖片和詳情。
Typora配置圖片自動上傳
Mardown神器茂腥，不多說狸涌，沒有的話，可以自行搜索下載最岗。
安裝之后帕胆，打開偏好設(shè)置，找到通用般渡，檢查更新懒豹，確保版本號在 0.9.84 之后，不然沒有上傳服務(wù)驯用。我這里更新到了最新版本 0.9.86 脸秽。
然后，選擇圖像蝴乔。在上傳服務(wù)记餐，選擇 PicGo(app)。PicGo路徑薇正，選擇PicGo軟件的安裝路徑片酝。然后點擊驗證圖片上傳選項巩剖。上邊的插入圖片選擇無特殊操作即可。
驗證成功之后是下圖這個樣子钠怯，屏幕右下角也會有浮窗提示佳魔。（若不成功，請檢查端口是否正確晦炊，并確定配置的七牛云域名可用）
然后 PicGo 的相冊中就多了兩個此次測試的圖片鞠鲜。
測試配置是否成功
到這里，全部的配置已經(jīng)完成了断国。但是贤姆，為了確保可用稳衬，我們在 Typora中測試一下是否可以正常上傳圖片到圖床霞捡。
隨便截個圖，然后粘貼到 Typora 中薄疚，就會自動生成一個圖片鏈接碧信，指向的就是七牛云分配的鏈接。鏈接的格式類似下圖這樣街夭。然后會有個下拉菜單砰碴，選擇《上傳圖片》，成功后板丽，會有浮窗提示呈枉。
當然，也可以選擇此時不上傳圖片埃碱。稍后自己手動在圖片上邊右鍵選擇上傳（可以避免不用的圖片造成的圖床空間浪費）猖辫。
需要注意的是，圖片復(fù)制過來時砚殿，會把圖片放到C盤的一個緩存目錄啃憎。時間長了，肯定需要清理的瓮具，否則會占用你C盤空間荧飞。還有另外一個比較好的方法是在偏好設(shè)置，插入圖片時名党，選擇復(fù)制到指定路徑叹阔，把圖片放到一個空間比較大的磁盤位置，就不會占用C盤空間了传睹，也方便集中管理耳幢。
另外，經(jīng)過測試，若配置為睛藻，插入圖片時启上，選擇上傳圖片。則會把緩存圖片存放在和當前 .md 文件同級目錄下的 upload 文件夾下店印。
可以看到冈在，Typora 給我們提供的選擇，也是非常豐富的按摘“可以根據(jù)自己的喜好，自由搭配炫贤。
結(jié)語
工具真的是解放勞動力的神器啊溅固。
若本文對你有用，歡迎關(guān)注我兰珍，給我點贊哦侍郭！
