你要是還學不會，請提刀來見 Typora+PicGo+Gitee + node.js 打造個人高效穩定優雅圖床

你要是還學不會，請提刀來見 Typora+PicGo+Gitee + node.js 打造個人高效穩定優雅圖床

經過前面兩彈的介紹，相信大家對圖床都不陌生了吧，

但是小魔童覺得這樣做法還是不方便，使用 github 的倉庫來存放圖片，如果不能翻牆的話是不能展示圖片的，自己可以翻牆還不行，需要別人翻牆才可以看到我文章中的圖片，這也太難了。。。

另外使用 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 大法，寫文章寫部落格就會更加專注了

作者：小魔童哪吒