Typora+PicGo+Gitee打造圖床
阿新 • • 發佈:2021-01-26
## 前言
自己一直使用的是`Typora`來寫部落格,但比較麻煩的是圖片貼上上去後都是儲存到了本地,但令人苦惱的是寫好了之後放到部落格園等地圖片不能直接訪問,但如今`Typora`已經支援圖片上傳,所以搞了一波圖片上傳到`Gitee`,可以直接訪問,記錄如下。
> 本篇環境:Gitee + Typora + PicGo + Node.js
## 步驟
本文不再介紹 node.js 相關安裝內容
1. 將Typora升級到最新版
2. 在Gitee上建立一個**公有**倉庫
![新建倉庫](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125225328804.png)
3. 生成私人令牌
![生成私人令牌](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125225440018.png)
![私人令牌](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125225603497.png)
![建立私人令牌](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125225743585.png)
**(注:令牌只會顯示一次,記得複製後先儲存至一處,待會會用到)**
4. 下載 [PicGo](https://github.com/Molunerfinn/picgo/releases),下載字尾.exe的安裝版本,下載好安裝即可
![PicGo下載](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125224715266.png)
5. 安裝完成後,在這裡搜尋 gitee,安裝這兩個外掛(需要`node.js`環境)
![外掛安裝](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125225838599.png)
6. 安裝好後,圖床設定下面將會出現Gitee選項
![圖床設定](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125230447778.png)
7. 詳細配置內容如下,配置好確定即可
![Gitee設定](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125231009344.png)
8. Typora配置
檔案 --- 偏好設定 --- 影象
![Typora設定](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125231450547.png)
![驗證上傳](https://gitee.com/xp-thebest/blog_img/raw/master/img/image-20210125231516392.png)
注意,貼上圖片的時候,不要先改圖片名字,先上傳,後改名字,因為上傳後一般自動命名格式是時間型別,重複概率很小,以放自己改名字再上傳可能會重複重複
9. 到此,貼上到 Typora 的圖片會提示上傳,也可以右鍵自己選擇上傳,上傳後即可複製到部落格中直接使用,注意使用的時候PicGo要後臺啟動著,不然會報錯,如遇到問題,可評論可私信