【超實用技巧】?| 提高寫文的質量 和 速率必學技能：?? Typora 圖床配置 詳細說明 ?? 【Windows版】

??提高寫文的質量 和 速率必學技能：Typora圖床配置 【Windows版】

📢前言

• 之前寫文章的時候，就聽人說可以用圖床 來寫博客，但是一直不知道圖床到底是個啥東西
• 最近正好因為某種原因(xxx) ，讓我重新想到了這個圖床~
• 所以正好自己簡單配置了一個，順手寫一篇教程來記錄下自己是怎樣配置圖床的！

🌲圖床簡介

圖床：圖床一般是指儲存圖片的服務器，有國內和國外之分，
國外的圖床由于有空間距離等因素決定訪問速度很慢影響圖片顯示速度，國內也分為單線空間、多線空間和cdn加速三種，

簡單來說，就是一個可以上傳圖片的一個網上空間

因為我們在本地寫一些東西的時候，比如使用World檔案，當你從本地拖進去幾張照片的時候
在當前這個World檔案是能看見的，但是假設當你因為某個需求想要把它放到CSDN的話，那這個圖片就不會顯示出來了，

所以我們需要用這個圖床配置，來將圖片上傳到一個網上空間，這樣的話就可以到處復制都沒有關系啦！

🌲Typora簡介

說到圖床，那我們肯定需要一個markdown編輯器~
說到markdown編輯器自然就是我們的Typora登場了！

Typora是一個跨平臺的markdown編輯器，使用markdown編輯器寫文章優點是排版簡潔
痛點則是無法像Word那樣直接嵌入圖片，插入的圖片實際上插入的是圖片的路徑（可以是本地路徑也可以是網路路徑），

使用網路路徑的優點是檔案可以跨平臺跨設備瀏覽，在使用前需要進行些許配置

所以我這里使用了兩種方案來配置圖床，下面一起來看看吧！

🌟方法一：PicGo-Core(command line) + gitee倉庫

這個方法使用的方案是PicGo-Core(command line)+gitee倉庫的方案

這里的PicGo-Core是Typora內置的一個插件，和picgo軟體不同，

分為下面幾個步驟，一起來看一下！

1. 🏳??🌈安裝Typora軟體（官網）；

2. 🏳??🌈在Typora里下載PicGo-Core(command line)插件；

3. 🏳??🌈安裝Node.js

4. 🏳??🌈借助picgo安裝gitee圖床插件；

5. 🏳??🌈修改picgo組態檔

🏳??🌈1. 安裝Typora軟體

Typora在各個平臺下的安裝都很簡單，直接去官網下載即可

官網下載地址

很簡單的下載，下載完后直接點擊安裝，選擇一個檔案夾就好啦！

🏳??🌈2. 在Typora里下載PicGo-Core(command line)插件

打開Typora，依次點擊檔案-偏好設定-影像；

按下圖所示勾選插入圖片時的選項，并在上傳服務設定選擇PicGo-Core(command line)，點擊下載或更新按鈕下載插件；

🏳??🌈3.安裝Node.js

安裝插件首先需要確保電腦已經有Node.js，可以先在CMD中輸入node -v來查詢，如果已安裝會顯示下圖所示，

若無請先去Node.js官網下載并安裝，下載完之后，找個平時安裝軟體的地方安裝上就好了，不用啥配置！

我是因為沒有配置這一步，所以下一步的安裝gitee圖床插件一直失敗！！

🏳??🌈4. 借助picgo安裝gitee圖床插件

這一步需要找到第2步中下載的picgo二進制檔案，不同系統檔案名略有不同：

windows系統一般在C:\Users\用戶名\AppData\Roaming\Typora\picgo\win64\檔案夾，檔案名為picgo.exe；

windows系統可以在包含picgo.exe檔案的路徑下執行：.\picgo.exe install gitee-uploader

效果如下，就代表插件安裝成功了！

🏳??🌈5.創建一個倉庫，gitee私人令牌獲取

私人令牌在Gitee的設定自己配置一個就好

沒有gitee的要先去注冊一個，也很簡單，

然后新建一個倉庫，簡單改個名字，最好是全英文小寫！

權限要設定為開源，即所有人可見！

然后直接創建就好了，這里要記住這個倉庫名和路徑，在下一步組態檔會用到

倉庫創建好了，接下來就是獲取私人令牌了！

簡單程序如下：

🏳??🌈6.修改picgo組態檔

重新打開偏好設定-打開組態檔，此時自動打開picgo的組態檔，配置正確時會自動上傳圖片到gitee

檔案可以參考如下修改：

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "gitee": {
      "branch": "master",
      "customPath": "yearMonth",
      "customUrl": "",
      "path": "倉庫下的檔案夾",
      "repo": "用戶id/倉庫名",
      "token": "gitee上申請的私人令牌"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true
  }
}

組態檔內容介紹：

1. current為當前的圖床，uploader表示上傳用的圖床，這里兩個都設定為gitee；
2. master表示主分支，一般用做圖床的倉庫是個單獨的倉庫，此處保持master就好；
3. path為倉庫下的檔案夾；
4. token為私人令牌，需要在gitee網站申請，申請的token只出現一次，點擊復制按鈕將其粘貼到組態檔中即可，一個用戶可以有多個token，可以在gitee網站管理自己的token，
5. 使用的插件都要在picgoPlugins里包含并設定為true，這里只使用了gitee插件

這里要注意，我們需要改的地方只有三個：path、repo和token

path是gitee倉庫的一個檔案夾，我們自己新建的！

repo為倉庫名，假如如有一個倉庫名為a，圖片存在這個倉庫下的b檔案夾，你的用戶id是c（瀏覽器地址欄倉庫名前的字串），則path為b、repo為c/a；

然后token改成自己的私人令牌(在上一步獲取)

🏳??🌈7.上傳圖片測驗

配置完上面步，直接在Typora中上傳一個圖片測驗

發現圖片的鏈接變成http://gitee.com...就算配置成功啦

然后把這個 圖片+鏈接 直接復制到CSDN測驗一下

效果如下，就說明配置成功啦！

🌟方法二：picgo(app) + gitee倉庫

這種方法其實和第一種差別不是很大，就是在偏好設定中改為了picgo(app)，而不是PicGo-Core(command line)

下面一起來看一下配置步驟吧！

1. 🏳??🌈安裝Typora軟體（與第一種一樣，不在贅述）
2. 🏳??🌈下載Picgo軟體
3. 🏳??🌈安裝Node.js
4. 🏳??🌈創建Gitee倉庫，獲取token（與第一種一樣，不在贅述）
5. 🏳??🌈配置gitee插件
6. 🏳??🌈配置typora

🏳??🌈1.安裝Typora軟體

與第一種方法一樣，直接去官網下載安裝即可

🏳??🌈2.下載Picgo軟體

PicGo下載地址

直接點擊網址，進去找到這個下載Windows版本的即可

下載完了直接找個檔案夾，一路默認安裝就好啦！

🏳??🌈3.安裝Node.js

和第一種方法中的一樣，不在贅述，直接去看就好！

🏳??🌈4.創建Gitee倉庫，獲取token

和第一種方法中的一樣，不在贅述，直接去看就好！

🏳??🌈5. 配置gitee插件

安裝完PicGo之后，打開這個軟體

然后點擊插件設定，搜索：gitee，然后安裝就好了！如下

然后就會發現已經有Gitee圖床了，然后配置一下！

配置三個地方就好了，直接添加上去，分別是你的gitee 的ID，倉庫名和Gitee私人令牌

如下：

最好是再配置一下Server，設定一下埠，跟下面一樣即可！

🏳??🌈6.配置typora

打開檔案-偏好設定，選擇PicGo(app)，路徑就是安裝PicGo的檔案夾，選中這個PicGo.exe即可！

大功告成！

上傳圖片測驗一下！
如下所示，就是配置成功啦！

然后在Gitee倉庫中也會顯示你所有上傳成功的圖片，如下所示！

💬總結

好啦，本篇文章總結了兩種通過Typora + Gitee的方式配置圖床

其實方法差別不大，但是區別是 第一種可以不用下載PicGo這個軟體，但是也需要下載插件！

配置方法也都很簡單，自我感覺說的還是挺詳細了！

配置完了之后就可以在本地寫博客啦~ 而且很多平臺都支持Markdown編輯器格式，寫完后多平臺都可以上傳！

也擁有了自己的圖床網上空間，這個功能對于經常寫文的小伙伴是極力推薦的！

寫完一篇之后也可以多平臺發文章，非常的Nice！還不趕緊三連收藏一波！

但是我使用的時候也是遇到了一個問題

已經上傳過的圖片，當我再一次拖進來的時候，居然顯示上傳失敗，不知道是咋回事呢！

如果有解決方法的小伙伴也可以在評論區留言，讓大家學習一下！

那本篇文章就到這里啦，下次再見啦！