# 你要是還學不會，請提刀來見 Typora+PicGo+Gitee + node.js 打造個人高效穩定優雅圖床 經過前面兩彈的介紹，相信大家對圖床都不陌生了吧， 但是小魔童覺得這樣做法還是不方便，使用 `github `的倉庫來存放圖片，如果不能FQ的話是不能展示圖片的，自己可以FQ還不行，需要別人FQ才可以看到我文章中的圖片，這也太難了。。。 另外使用 `github issue `的方式確實會好了很多，至少不需要外網了， 直接在國內網路中就可以解決該問題，可是問題來了，小魔童比較懶，覺得這種方式每一次都要拖拽圖片到 ` issue `中，且自己還要備份一下圖片，還是覺得不優雅，不喜歡， 我想實實在在的做個懶人 那行，那就滿足你的要求，今天我們來介紹和實際操作一個高雅的使用圖床的方式 **Typora+PicGo+Gitee \+ node.js 打造個人高效穩定圖床** - 推薦指數`五顆星` - 實用指數`五顆星` - 易操作指數`五顆星` - 宜人性`五顆星` ## 部署PicGo - 訪問 `picgo `官網，進行下載 > https://github.com/Molunerfinn/PicGo/releases 一定不要安裝在 `C:\Program Files\ ` 下，否則後面 `PicGo `上傳圖片的時候一定會失敗，因為 `PicGo `無法解析這一路徑，例如我的安裝路徑為 > E:\picgo\PicGo ### 安裝node.js - `PigGo `需要使用外掛的方式才可以將圖片上傳到 `gitee `，需要安裝 `node.js `，點選如下連結進行下載 > https://nodejs.org/dist/v12.16.1/node-v12.16.1-x64.msi - 安裝成功之後，可以選擇使用命令的方式更換映象源（也可以不做此步操作） > window 進入 cmd，執行如下語句 > > npm config set registry https://registry.npm.taobao.org ### 安裝github-plus外掛 - 執行`PicGo`，單擊`外掛設定`，在搜尋中輸入`github`，安裝搜尋結果中的`github-plus` - 若在點選安裝時， `PicGo `彈出需要安裝 `node.js ` 並重啟 `PicGo `，則直接重啟電腦，即可解決此問題 - 等待安裝 `github-plus `的過程中，可以繼續執行如下步驟 ## 部署Gitee - 在 `gitee `上建立一個倉庫專門用於存放圖片，例如我的： - 獲取自己賬號的token - 點選右上角自己的頭像 -> 設定 -> - 點選左側私人令牌 -> - 生成新令牌 -> - 勾選許可權， `PicGo `只需要 `user_info ` 和 `projects ` 的許可權 -> - 儲存 `token `，該token只會出現一次，離開頁面後就不會再出現了 ## 繼續設定PicGo - 回到 `PicGo `，點選`圖床設定->githubPlus`，在設定中填入`repo`和`token`，並選擇`origin`為gitee，即可完成設定。其中，`repo`要填入`owner/repoName` 例如上圖中的倉庫名，填入紅框中的字串即可 - 如圖 ## 部署Typora - 下載 `Typora `，網上隨便一搜則可下載得到 - 點選 `Typora `左上角的`檔案`->`偏好設定` - 在彈出的介面中定位到`影象`，選擇`插入圖片時`選項為`上傳圖片`，並勾選`對網路位置的圖片應用上述規則` - 設定完成如圖所示 - 選擇`上傳服務`為`PicGo(app)`，點選`驗證圖片上傳選項`，如果出現如下圖所示介面，說明配置已成功，然後你就可以直接在Typora中插入圖片了，Typora會自動上傳並替換圖片地址為網路地址。 ## 自己寫文件的時候上傳圖片 - 只需要將圖片複製到 `Typora `裡面， `PicGo `會自動幫你上傳圖片到 `Gitee `上，且可以自己重新命名 這下子，有了 `Typora+PicGo+Gitee \+ node.js `大法，寫文章寫部落格就會更加專注了 作者：小魔