1. 程式人生 > >Typora+PicGo+Gitee打造圖床

Typora+PicGo+Gitee打造圖床

## 前言 ​ 自己一直使用的是`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要後臺啟動著,不然會報錯,如遇到問題,可評論可私信 ​