Windows下采用Typora+PicGo搭建Markdown圖牀

1、Markdown和Typora

Markdown自己是一種簡化寫做的輕量級標記語言，它容許咱們使用易讀易寫的純文本格式編寫文檔內容。愈來愈多的寫做者開始使用Markdown進行創做，由於其語法簡單，學習成本低，功能又比純文本強大。

正在閱讀此文章的讀者，相信你必定對Markdown有所瞭解而且正在使用Markdown進行創做，若是尚未，但願本文能有幸成爲你接觸Markdown的敲門磚。關於Markdown的學習資料，網上比比皆是，這裏筆者就提供一個Markdown中文文檔以供參考。

現在各大博客平臺或者寫做網站基本上都支持在線Markdown編輯器，雖然對於Markdown的支持已經比較完善，可是相信在線編輯Markdown的人都會有這樣一個痛點：添加圖片比較麻煩，須要一張一張地選擇圖片並進行上傳。固然也有不少支持Markdown的本地文本編輯器，不論是Windows仍是Mac OS平臺下，都有不少優秀的Markdown編輯器，其中不得不提的一款就是Typora，它是一款跨Windows、OS X和Linux的優秀編輯器，其漂亮的外觀和簡潔優雅的風格確實吸粉無數。筆者使用的本地Markdown編輯器就是Typora，筆者通常是用來記筆記和寫博客。特別是寫博客的時候，但願能夠一次編輯，而後發佈到各大平臺，可是本地圖片就很差處理了，這個時候就須要圖牀來解決本地圖片的難題。在Mac OS下，使用Typora + iPic（Mac OS自帶的圖牀）能夠很輕鬆的解決。可是在Windows下，就須要咱們本身選擇圖牀。

圖牀：通常是指儲存圖片的服務器，這樣咱們就能夠經過Markdown外鏈的方式訪問圖片。

Windows下的Typora以前是不支持圖片上傳的功能，直到近期的0.9.84版本的更新才支持經過PicGo上傳圖片。因此請將Typora升級至0.9.84或更高版本。

2、PicGo

一、下載PicGo

PicGo是一款圖片上傳工具，也是支持跨平臺的。從PicGo官網上下載PicGo步驟： 下載速度比較感人，還望你們耐心等待。下載成功後，直接雙擊安裝便可，安裝過程當中，請記住安裝的路徑，由於後期在Typora中進行配置的時候須要使用路徑。

二、下載node.js

PicGo是基於electron-vue開發的，同時還支持插件系統以提供更強大的功能，而使用插件的前提是安裝node.js環境，由於咱們後面設置圖牀的時候須要使用插件功能，因此咱們要先安裝好node.js環境，直接從node.js官網上下載並進行安裝便可：

三、安裝gitee插件

如今打開安裝好的PicGo，能夠看到PicGo本體支持的圖牀共有8個，若是想要支持其餘圖牀的話，就須要使用PicGo的插件功能。 這裏關於圖牀的選擇，你們因人而異，喜歡哪一個就選擇哪一個，由於筆者使用的是基於gitee（碼雲）搭建的圖牀，優勢是免費、訪問速度快。因此筆者後面的說明都是基於gitee搭建的圖牀環境。 點擊插件設置，搜索gitee，出現兩個插件，建議你們下載和筆者同樣的gitee 1.2.2-beta，由於兩個插件後續的配置稍有不一樣，可是大同小異。

注意：這裏安裝插件必須基於安裝好node.js的前提下，不然安裝不成功。

這時咱們在圖牀設置中就能夠看到Gitee圖牀的選項了。

四、設置Server

點擊PicGo設置-->設置Server，將監聽端口設置爲36677：

3、搭建Gitee圖牀

筆者這裏選擇Gitee搭建圖牀，由於其免費且訪問速度快。首先去Gitee官網註冊用戶並登陸。

一、建立一個repository（倉庫）：

二、生成私人令牌

注意：

• 點擊提交後，須要輸入帳戶密碼才能生成令牌
• 生成令牌後，請當即保存，由於令牌不會再次出現

4、PicGo中配置gitee圖牀

在PicGo中配置gitee圖牀的信息： 填完以後，將其設爲默認圖牀便可，接下來進行測試，點擊上傳區，能夠經過點擊選擇圖片上傳或者剪貼板圖片上傳： 觀察是否成功，首先PicGo會有提示，其次去倉庫上面檢查圖片是否上傳成功： 至此，PicGo可成功上傳圖片至gitee圖牀。

5、Typora中配置PicGo

打開Typora，點擊格式-->圖像-->全局圖像設置： 按照下面圖片中的設置進行選擇： 設置完成後，點擊驗證圖片上傳選項，成功後，會有以下提示：

注意：此處測試命令中使用的端口號是36677，因此前面的設置端口的用處就在於此。

如今在Typora插入圖片時，就會自動將圖片上傳至gitee圖牀，而且自動將圖片的外鏈地址設置爲gitee倉庫中的圖片地址。這樣就解決了使用本地Markdown編輯器處理圖片的問題了。