為什么要使用圖床
在hugo中，圖片是以/static為基准目錄的，例如，設baseUrl為https://focksor.gitee.io/，圖片文件存放位置是static/img/gitee/123.jpg，那么，編譯完成后頁面圖片引用的地址就是https://focksor.gitee.io/img/gitee/123.jpg，則在Markdown要引用此圖片應該用，但是這樣帶來的問題是，在寫作的時候無法看到圖片，要經過hugo編譯之后才能看到文檔圖片，這樣的寫作顯然是不友好的。
圖床指存儲圖片的服務器，使用圖床存儲文檔中的圖片，那么在使用圖片的時候只要寫上圖片所在的網絡地址就好了，這樣比較使用靜態圖片體驗顯然要好很多。下面介紹Gitee+PicGo的方法來使用gitee作為圖床。
為什么需要PicGo
想象一下，使用markdown編寫你的博客時，插入截圖是什么流程：將截圖保存到本地文件夾->將圖片文件上傳到網絡服務器中->復制圖片的網絡地址->在markdown中輸入，這個過程無疑是很繁瑣的，而且如果你圖片一多，這種過程將會是魔鬼體驗。
PicGo是一款免費的圖床管理應用，支持拖拽上傳，剪切板上傳等方式。你可以用它快捷地將圖片上傳到圖床並獲得網絡鏈接，而且你可以設置鏈接格式為markdown，這就意味着你只要直接粘貼到markdown編輯器就可以插入圖片了。
安裝PicGo
訪問PicGo的官方文檔以了解PicGo的基本安裝和使用方法。如果不想讀文檔的話，訪問PicGo Releases直接下載你的操作系統對應的安裝包並完成安裝。
注：在安裝的時候安裝目錄千萬不能選
C:\Program Files\下的任何地方，因為PicGo無法解析這一路徑，如果你不知道安裝在哪里的話，選擇僅為我安裝，否則在設置Typora時會出現以下錯誤：failed to launch PicGo app: Command failed: C:\Program Files\PicGo\PicGo.exe 'C:\Program' �����ڲ����ⲿ���Ҳ���ǿ����еij��� ���������ļ���如下圖所示
安裝npm
由於PicGo的插件需要使用npm進行安裝，如果你的電腦上沒有安裝npm，那么你是無法安裝PicGo插件的，而我們接下來要使用一個額外的插件獲得gitee支持，所以在此之前先完成npm的安裝。
訪問node.js的官網，根據官網的指導下載並安裝node.js，如果你不想訪問的話，點擊此處下載，確認安裝成功並更換鏡像源：
PS C:\Users\focks> node -v
v12.16.1
PS C:\Users\focks> npm config set registry https://registry.npm.taobao.org
設置PicGo用Gitee作為圖床
運行PicGo，單擊插件設置，在搜索中輸入github，安裝搜索結果中的github-plus，如下圖所示。
在等待安裝完成的過程中，移步gitee並創建一個倉庫，倉庫名隨意，但是必須要是公開的倉庫，這樣圖片才能被外部訪問。我創建的倉庫地址為https://gitee.com/focksor/giteePagesImgs，下文以該地址舉例。
作為圖床的倉庫，一定不能勾掉管理界面的
在線編輯 是否允許倉庫文件在線編輯選項，否則使用PicGo管理的時候會導致操作被403 Forbidden。
創建完倉庫后，還要創建一個私人令牌，私人令牌是用來允許PicGo訪問並更新你的倉庫的，這個時候，你已經明白了PicGo的運行原理：PicGo將圖片上傳到你的gitee倉庫，然后返回給你圖片的具體地址，這樣你用該地址便可以訪問到位於倉庫的圖片了。
創建私人令牌步驟如下：訪問新建Gitee令牌，在私人令牌描述中寫上便於你了解該令牌用處的文字，並勾選需要的權限，PicGo要使用的私人令牌只需要user_info和projects權限，勾選上后提交，gitee將會返回私人令牌的token，保存該token，因為該token只會出現一次，離開頁面過后再不會出現。
回到PicGo，點擊圖床設置->githubPlus，在設置中填入repo和token，並選擇origin為gitee，即可完成設置。其中，repo要填入owner/repoName，例如，倉庫地址為https://gitee.com/focksor/giteePagesImgs，則repo填入的內容為focksor/giteePagesImgs。
上傳和管理圖片
單擊上傳區，選擇鏈接格式，使用點擊上傳或剪貼板圖片上傳，PicGo會自動上傳圖片並將符合鏈接格式的鏈接復制到剪貼板，你只要按下Ctrl+v即可粘貼圖片的鏈接。
單擊相冊，你可以看到你上傳的所有圖片，你可以對所有圖片進行復制鏈接，修改圖片URL與刪除操作，並可以批量復制或批量刪除。
要注意的是，gitee支持外部鏈接的文件大小限制為1M（不過我也沒試過）。
使用Typora+PicGo體驗更便捷的寫博客姿勢
如果你使用Typora作為博客文章編輯器，我建議你使用Typora+PicGo體驗更便捷的寫博客姿勢，如果不是，我建議你使用Typora作為你的博客文章編輯器。如果你不聽建議，你可以當我沒說。
使用PicGo有效避免了使用圖片時候的上傳->編寫markdown代碼的步驟，但是我們能不能把添加到PicGo這一步也省略掉呢？答案當然是可以，Typora內置了使用PicGo自動上傳圖片的功能，也就是說，在需要使用圖片的時候，你只要直接將圖片粘貼到Typora就好了，這樣就跟使用本地圖片的體驗毫無差距了。
設置Typora
-
點擊Typora左上角的
文件->偏好設置 -
在彈出的界面中定位到
圖像，選擇插入圖片時選項為上傳圖片，並勾選對網絡位置的圖片應用上述規則 -
設置完成如圖所示
-
選擇
上傳服務為PicGo(app)，點擊驗證圖片上傳選項，如果出現如下圖所示界面，說明配置已成功，然后你就可以直接在Typora中插入圖片了，Typora會自動上傳並替換圖片地址為網絡地址。
如果出現如下錯誤，請參考安裝PicGo
failed to launch PicGo app: Command failed: C:\Program Files\PicGo\PicGo.exe 'C:\Program' �����ڲ����ⲿ���Ҳ���ǿ����еij��� ���������ļ���如果出現以下錯誤，點擊PicGo界面左側的
PicGo設置->設置Server，並按下圖設置Failed to fetch