首先下載安裝，鏈接如下

Typora：https://www.typora.io/
PicGo：https://molunerfinn.com/PicGo/

No.1

什么是圖床?

圖床就是專門用來存放圖片，同時允許你把圖片對外連接的網上空間，在博文中插入在線圖片連接的個人圖片倉庫。設置圖床之后，在自己博客中插入的圖片鏈接就可以隨時隨地在線預覽了，并且不會因為任何意外原因無法查看，除非自己親自刪除，不少圖床都是免費的。

No.2

為什么使用圖床呢？

Hexo是靜態博客，大多數人喜歡它的主要原因可能就是不用購買服務器，通過Git Pages服務就可以完成上線部署進行展示，非常的輕便快捷并且省去服務器的開銷。國內的話Coding和Gitee也提供Pages服務，能更快的提高博客的訪問速度，但是我們博客不光有文字還有圖片，我們大多人的圖片文件都通過Hexo插件存儲在了博客根目錄文件中，長久以往會越來越臃腫，就算不影響博客的加載速度，那也不方便對自己的圖片資源進行管理，并且使用插件Hexo-asset插入圖片在寫作時是看不到圖片的，只有編譯部署后才可以看到，這樣的寫作顯然是不友好的。現在很多論壇和社區都已支持使用MarkDown,如果你沒使用圖床的情況下,你分享同一篇文章,你要在不同的平臺,各自重新編輯排版一遍和上傳圖片。

如果我們是使用Typora，那么我們就可以嘗試下PicGo這個插件了。

No.3

為什么我們要使用PicGo？

想象一下，使用Markdown編寫你的博客時，插入截圖是什么流程：將截圖保存到本地文件夾->將圖片文件上傳到網絡服務器中->復制圖片的網絡地址->在markdown中輸入![](圖片的網絡地址），這個過程無疑是很繁瑣的，而且如果你圖片一多，這種過程將會是魔鬼體驗。

PicGo是一款免費的圖床管理應用，支持拖拽上傳，剪切板上傳等方式。你可以用它快捷地將圖片上傳到圖床并獲得網絡鏈接，而且你可以設置鏈接格式為Markdown，這就意味著你只要直接粘貼到Markdown編輯器就可以插入圖片了。

No.4

安裝PicGo

訪問PicGo的官方文檔以了解PicGo的基本安裝和使用方法。如果不想讀文檔的話，訪問PicGo Releases直接下載你的操作系統對應的安裝包并完成安裝。

Github：https://github.com/Molunerfinn/PicGo

注：在安裝的時候安裝目錄千萬不能選C:\Program Files\下的任何地方，如果你不知道安裝在哪里的話，選擇僅為我安裝，否則在設置Typora時會出現以下錯誤：

Copyfailed to launch PicGo app: Command failed: C:\Program Files\PicGo\PicGo.exe

No.5

設置PicGo用Gitee作為圖床

先認識一下PicGo的頁面，提供選擇的圖床還是挺多的

image

默認的沒有提供Gitee圖床，我們需要安裝插件，點擊插件設置搜索選擇第一個安裝，重啟后再打開就有了

image

在等待安裝的過程中，我們可以先移步Gitee創建一個公開的個人倉庫，倉庫名隨意，公開的才能被外部訪問。

作為圖床的倉庫，一定不能勾掉管理界面的在線編輯 是否允許倉庫文件在線編輯選項，否則使用PicGo管理的時候會導致操作被403 Forbidden。

創建完倉庫后，還要創建一個私人令牌，私人令牌是用來允許PicGo訪問并更新你的倉庫的，這個時候，你已經明白了PicGo的運行原理：PicGo將圖片上傳到你的gitee倉庫，然后返回給你圖片的具體地址，這樣你用該地址便可以訪問到位于倉庫的圖片了。

生成私人令牌步驟如下：訪問新建Gitee令牌，在私人令牌描述中寫上便于你了解該令牌用處的文字，并勾選需要的權限，PicGo要使用的私人令牌只需要user_info和projects權限，勾選上后提交，gitee將會返回私人令牌的token，保存該token，因為該token只會出現一次，離開頁面過后再不會出現。

image

接下來回到Pico-Gitee圖床根據屬性說明填入相應選項

image

屬性選項說明：

url：這里填寫碼云官方的網址

owner：填寫你的用戶名

repo：填寫你的圖床倉庫名稱

path：圖片存儲路徑

token：填寫上面教程中你設置的私人令牌

message：不需要填

No.6

Typora集成PicGo

打開PicGo軟件的設置界面，進行Server的設置：

PicGo設置 -> 設置Server，開啟Server，監聽地址不用進行更改，監聽端口的值設置為36677，這個值的獲取在Typora軟件中，下面會提到：

image

接下來進行Typora的設置，Typora的安裝上面鏈接自取，打開typora軟件，依次打開步驟為：文件 -> 偏好設置 -> 圖像，具體配置參考下面的圖中的配置：

image

接下來進行驗證，看Typora是否可以成功的通過PicGo上傳到圖床，點擊第三步圖中的驗證圖片選項，當成功后會出現下面圖中的情況

image

圖中可以看出監聽地址以及端口號，這個需要與PicGo的Server服務中的監聽地址以及端口號一致，否則上傳會失敗!

No.7

使用方法

第一種

采用拖拽的方法，直接將本地圖片拖拽到文章中，即可進行上傳

第二種

采用插入本地圖片的方法，使用快捷鍵Ctrl + Shift + I，選擇圖片路徑即可

第三種

采用截圖軟件，我推薦大家一款軟件——Snipaste，可以快速截圖并進行粘貼，快捷鍵F1，進行截圖，Ctrl + C，進行復制，Ctrl + V，進行粘貼，可以直接粘貼到文章內，然后就自動上傳到圖床里，如果你在電腦上登錄QQ，也可以通過快捷鍵Ctrl + Alt + A，進行快速截圖并進行復制粘貼，直接粘貼到文章中即可。

No.8

上傳測試

Gitee圖床與Github圖床相比，Gitee圖床略勝一籌，畢竟是國內的，速度相比于GitHub好一點。

缺點就是，碼云雖快，但是倉庫容量比Github小，可能不夠用。

No.9

其他功能

有時候在上傳照片前，我們想重新命名這個圖片名稱，或者是在上傳之后我們需要給圖片重新命名，這款工具就可以快速滿足我們的需要，支持編輯相冊的圖片信息，同時更好更方便的管理我們的圖片。

image

與此同時，除了單張上傳外，其實還支持多張，批量上傳，只需要選中多個文件，將其導入，或者拖入其中便可以了，這樣再多的文件，也能夠做到一次上傳就能用的效果。