你要是還學不會,請提刀來見 Typora+PicGo+Gitee + node.js 打造個人高效穩定優雅圖床
阿新 • • 發佈:2021-02-27
# 你要是還學不會,請提刀來見 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 `大法,寫文章寫部落格就會更加專注了
作者:小魔