你要是還學不會，請提刀來見 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 大法，寫文章寫博客就會更加專注了

作者：小魔童哪吒