【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床

yyb1024發表於2020-12-22

【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床

序言:我們有時在用makedown整理筆記時想把自己的筆記上傳到部落格園,可是發現在上傳過程中makedown中的圖片顯示不出來,我們只好利用部落格園的上傳圖片功能一張一張重新上傳,此時太費時費力。

​ 那麼使用MakeDown(Typora)+PicGo+Gitee實現圖床,將本地的圖片上傳到Gitee轉換為線上的網路圖片,就可以解決此問題。

圖床是幹什麼的?

圖床就是一個便於在博文中插入線上圖片連線的個人圖片倉庫。設定圖床之後,在自己部落格中插入的圖片連結就可以隨時隨地線上預覽了,並且不會因為任何意外原因無法檢視,除非自己親自刪除。

一、準備工作

二、安裝流程

1、按步驟安裝Typora(一鍵安裝)

2、安裝PicGo 按步驟完成,然後在外掛設定裡安裝gitee-uploader 1.1.2外掛

【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床

這裡注意一下,必須要先安裝node.js才能安裝外掛,沒裝的自己裝一下,然後重啟就行。

三、搭建床相簿

1、註冊自己的Gitee賬號
  • 都是中文流程比較簡單就不闡述了。
2、建立圖床倉庫
  • 首先在主介面的右上角
【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床
3、新建倉庫的注意點
  • 1.輸入一個倉庫名稱

  • 2.其次將倉庫設為公開

  • 3.勾選使用Readme檔案初始化這個倉庫

  • 4.這個選項勾上,這樣碼雲會自動給你的倉庫建立master分支,這點很重要! ,因為使用github做圖床picgo好像會自動幫你生成master分支,而picgo裡的gitee外掛不會幫你自動生成分支。

【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床
4、生成自己的私人令牌用於獲取token
  • 點選頭像,進入設定。

    【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床
  • 找到右邊安全設定裡面的私人令牌。

    【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床
  • 點選生成新令牌,把projects這一項勾上,其他的可以不用勾,然後提交。

    【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床
  • 複製私人令牌

    【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床

    注意:這個令牌只會明文顯示一次,建議在配置外掛的時候再來生成令牌,直接複製進去,搞丟了又要重新生成一個。

四、配置PicGo

1.在床圖設定找到gitee選項
2.repo:使用者名稱/倉庫名稱,

比如我自己的倉庫yyb1024/myimage,可以直接複製倉庫的url擷取(eg:https://gitee.com/yyb1024/myimage)

3.branch:分支,這裡寫上master
4.token:填入碼雲的私人令牌
5.path:路徑,一般寫上img
6.customPath:提交訊息,

這一項和下一項customURL都不用填。在提交到碼雲後,會顯示提交訊息,外掛預設提交的是 Upload 圖片名 by picGo - 時間

【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床
7.PicGo設定server
  • 1.選項PicGo設定
  • 2.點選設定server埠號為:36677,並開啟
  • 3.時間戳主要用於區別上傳命名相同的圖片
【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床 【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床

五、配置Typora

  • 開啟typora,點開左上角檔案,選擇偏好設定
2. 設定插入圖片時為【上傳圖片】
3. 勾選【對本地位置的圖片應用上述規則】
4. 在上傳服務中選擇【PicGo(app)】
5. 在路徑中選擇picgo安裝目錄PicGo.exe
6. 測試是否成功上傳
【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床 【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床

搭建整個床圖流程完畢!

六、報錯處理

  • 在設定日誌檔案裡點選檢視詳情~

    【超詳細】MakeDown(Typora)+PicGo+Gitee實現圖床

相關文章