前言

寫技術(shù)文章的小伙伴，對(duì)于 Typora 肯定不陌生，用來(lái)編寫 Markdown 特別的方便。

但是，有個(gè)問題，就是當(dāng)我們插入一個(gè)圖片，并且使之可以在公網(wǎng)訪問時(shí)，操作流程特別的麻煩。

首先，你需要截圖生成一個(gè)圖片文件。然后，把這個(gè)圖片文件手動(dòng)上傳到圖床，然后再?gòu)?fù)制圖片的外鏈地址，然后，再把鏈接地址粘貼到文章中。沃德天，這一頓操作下來(lái)，想一想就可怕。

而現(xiàn)在，我只需截圖之后，直接 Ctrl+V 到 Typora，就會(huì)自動(dòng)生成鏈接，并且自動(dòng)上傳圖片到圖床，簡(jiǎn)直不要太爽。

因此，本篇文章就教你怎樣用 Markdown 編輯器 Typora ，搭配圖片上傳工具 PicGo ，配合七牛云圖床。實(shí)現(xiàn)自動(dòng)化上傳功能。

配置七牛云圖床

關(guān)于圖床，你有很多選擇。比如阿里云圖床，騰訊云圖床，github圖床等等。還有很多其他不知名的圖床就不介紹了，因?yàn)楹芏嗝赓M(fèi)圖床都非常不穩(wěn)定。

這里就以七牛云圖床為例，因?yàn)樗鄬?duì)比較穩(wěn)定。并且，有10個(gè)G的免費(fèi)空間可供使用，這對(duì)于寫博客來(lái)說(shuō)完全夠用了。

配置空間

首先，你需要申請(qǐng)一個(gè)七牛云賬號(hào)，這里就不詳說(shuō)了，相信這難不倒你。

然后找到對(duì)象存儲(chǔ) -> 空間管理 -> 新建空間。填寫一個(gè)空間名稱，存儲(chǔ)區(qū)域自選，最好選擇離你地理位置比較近的地方。然后訪問控制一定要設(shè)置為公開。

創(chuàng)建成功之后，就會(huì)顯示當(dāng)前的空間概覽。

此時(shí)，七牛云會(huì)分配一個(gè)測(cè)試域名。需要注意的是，這個(gè)只是給你測(cè)試用的，只有30天時(shí)間，到期之后就會(huì)自動(dòng)回收。因此，我們需要配置一個(gè)自己的域名。

自定義域名

關(guān)于怎樣申請(qǐng)域名以及域名備案，這里就不贅述了，可自行網(wǎng)上查閱相關(guān)資料。（之前，為了開發(fā)微信小游戲，我迫不得已只能把域名備案，并且升級(jí)為 https） 不過(guò)，這里用 http 就可以了。

點(diǎn)擊上圖測(cè)試域名左邊的”自定義域名“，進(jìn)入下圖的創(chuàng)建域名頁(yè)面。其他都選默認(rèn)，只需要配置加速域名，在你自己的域名前面加一個(gè)前綴（如cdn,img），形成二級(jí)域名。比如我的一級(jí)域名是 xx.cn，前面再加上 cdn，即 cdn.xx.cn 。這個(gè) cdn 前綴需要和后邊的 CNAME解析相對(duì)應(yīng)。

成功之后是下圖這個(gè)樣子，需要等一會(huì)兒讓它配置部署。然后復(fù)制一下 CNAME，稍后 CNAME 解析需要用到這個(gè)。

配置 CNAME

由于我使用的是騰訊云，因此以騰訊云為例，配置 CNAME 解析，其他云平臺(tái)類似。

打開騰訊云控制臺(tái)，找到域名管理，然后選擇解析。

然后點(diǎn)擊添加記錄。主要關(guān)注三個(gè)選項(xiàng)，其他都默認(rèn)就行。

• 主機(jī)記錄，就是在七牛云配置的二級(jí)域名前綴（以cdn為例），
• 記錄類型，選擇 CNAME 固定值。
• 記錄值，就是剛才在七牛云復(fù)制的 CNAME，格式一般為：二級(jí)域名前綴-一級(jí)域名-idvbotb.qiniudns.com。

點(diǎn)擊保存，稍等一會(huì)兒，在七牛云后臺(tái)刷新，看到狀態(tài)為成功，則說(shuō)明配置成功。

可參考官方文檔：https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name

圖片上傳工具 PicGo

圖床配置好了，但是上傳圖片需要我們?cè)谄吲Ｔ坪笈_(tái)上傳，特別的不方便。因此，這里用一款比較優(yōu)秀的圖片上傳工具 PicGo。可自行搜索下載地址，選擇最新穩(wěn)定版 2.2.2 。

安裝好之后，找到圖床設(shè)置，需要配置一下七牛圖床的參數(shù)。

前兩個(gè)參數(shù)，在七牛云后臺(tái)，密鑰管理可以找到，如下圖。存儲(chǔ)空間名，就是創(chuàng)建空間時(shí)填寫的名字。訪問網(wǎng)址就是我們剛才配置的二級(jí)域名，需要注意前面要加上 http:// 。

存儲(chǔ)區(qū)域，這里填寫你創(chuàng)建七牛云選擇的空間區(qū)域的簡(jiǎn)稱（映射關(guān)系：華東-z0，華北-z1，華南-z2，北美-na0，東南亞-as0，如我的是華東，就填寫z0即可）。存儲(chǔ)路徑為選填項(xiàng)，若填的話，注意最后要加上左斜杠。

然后，找到 PicGo設(shè)置 -> 設(shè)置Server。

需要確保端口號(hào)為 36677 （默認(rèn)）。后邊在 Typora實(shí)現(xiàn)自動(dòng)上傳就是調(diào)用的這個(gè)端口。我當(dāng)初就是一直失敗，后來(lái)才發(fā)現(xiàn)，不知為啥我這端口號(hào)被改了，特么。

其他選項(xiàng)如上傳前重命名，時(shí)間戳重命名可根據(jù)需要自行選擇。不過(guò)上傳前重命名，每次會(huì)彈出來(lái)一個(gè)彈窗提示，比較煩人，我就關(guān)了。時(shí)間戳命名優(yōu)點(diǎn)是可以避免文件名重復(fù)，但是缺點(diǎn)是單單從文件名區(qū)分不出來(lái)是哪一張。不過(guò)這不重要，我們可以在相冊(cè)預(yù)覽所有圖片和詳情。

Typora配置圖片自動(dòng)上傳

Mardown神器，不多說(shuō)，沒有的話，可以自行搜索下載。

安裝之后，打開偏好設(shè)置，找到通用，檢查更新，確保版本號(hào)在 0.9.84 之后，不然沒有上傳服務(wù)。我這里更新到了最新版本 0.9.86 。

然后，選擇圖像。在上傳服務(wù)，選擇 PicGo(app)。PicGo路徑，選擇PicGo軟件的安裝路徑。然后點(diǎn)擊驗(yàn)證圖片上傳選項(xiàng)。上邊的插入圖片選擇無(wú)特殊操作即可。

驗(yàn)證成功之后是下圖這個(gè)樣子，屏幕右下角也會(huì)有浮窗提示。（若不成功，請(qǐng)檢查端口是否正確，并確定配置的七牛云域名可用）

然后 PicGo 的相冊(cè)中就多了兩個(gè)此次測(cè)試的圖片。

測(cè)試配置是否成功

到這里，全部的配置已經(jīng)完成了。但是，為了確?？捎?，我們?cè)?Typora中測(cè)試一下是否可以正常上傳圖片到圖床。

隨便截個(gè)圖，然后粘貼到 Typora 中，就會(huì)自動(dòng)生成一個(gè)圖片鏈接，指向的就是七牛云分配的鏈接。鏈接的格式類似下圖這樣。然后會(huì)有個(gè)下拉菜單，選擇《上傳圖片》，成功后，會(huì)有浮窗提示。

當(dāng)然，也可以選擇此時(shí)不上傳圖片。稍后自己手動(dòng)在圖片上邊右鍵選擇上傳（可以避免不用的圖片造成的圖床空間浪費(fèi)）。

需要注意的是，圖片復(fù)制過(guò)來(lái)時(shí)，會(huì)把圖片放到C盤的一個(gè)緩存目錄。時(shí)間長(zhǎng)了，肯定需要清理的，否則會(huì)占用你C盤空間。還有另外一個(gè)比較好的方法是在偏好設(shè)置，插入圖片時(shí)，選擇復(fù)制到指定路徑，把圖片放到一個(gè)空間比較大的磁盤位置，就不會(huì)占用C盤空間了，也方便集中管理。

另外，經(jīng)過(guò)測(cè)試，若配置為，插入圖片時(shí)，選擇上傳圖片。則會(huì)把緩存圖片存放在和當(dāng)前 .md 文件同級(jí)目錄下的 upload 文件夾下。

可以看到，Typora 給我們提供的選擇，也是非常豐富的?？梢愿鶕?jù)自己的喜好，自由搭配。

結(jié)語(yǔ)

工具真的是解放勞動(dòng)力的神器啊。

若本文對(duì)你有用，歡迎關(guān)注我，給我點(diǎn)贊哦！