mac中Typora+PicGo圖床+gitee 保姆級教程

由于之前錯誤在桌面執行了git clean導致桌面里的筆記全沒了之后，深刻意識到備份的重要性，但是實時備份有時候會忘記，不如每次寫完上傳云端一勞永逸，還能做一個分享～

記筆記時使用的是Typora，界面清爽，快捷鍵友好，但是最大的問題是圖片的路徑問題，

• 在本地使用的時候，所有的圖片要不就是復制的，它會自動加到typora下的檔案夾，然后Typora參考該地址，或者就是我們特定插入某張圖片，參考的也是這張圖片本身的地址，但這有個最大的問題，就是當你不小心移動了圖片或者洗掉了圖片，在Typora中就無法正常顯示了；
• 上傳blog或github等技術性網站時就更麻煩了，當你把在本地寫好的.md檔案直接復制上去，你會發現，網頁無法讀取到本地檔案，圖片也顯示不出來，
• 總而言之，如果你只是單純寫文字，Typora就足夠了，但是當你需要在里面插入圖片，那么會相當不方便，

一、PicGo圖床

單純的使用Typora顯然是不方便的，這個時候我們要借助PicGo這個圖床軟體，將我們.md檔案中的圖片實時上傳到云端，由于url往往是固定的，無論在本地或是上傳到blog上，參考的都是固定的url，就不用擔心本地圖片被移動或者上傳blog無法讀取圖片的問題了，
簡而言之，使用PicGo能夠解決圖片在本地或網站上的顯示問題，

那究竟上傳到哪個圖床，有非常多的選擇項，類似于默認的SM.MS圖床，騰訊云COS等等，由于考慮到操作的方便性，且我一般只是記錄typora才會用到圖床，并沒有云端存盤圖片的習慣，剛開始我優先選擇的是Github，畢竟使用的也比較多，但是出現了兩個問題：

二、github做圖床

• github上的圖片無法正常顯示：
  解決辦法是打開finder ,在前往里面選擇前往檔案夾(快捷鍵shift+command+g)，hosts檔案目錄/etc/hosts,
  在彈出框里輸入 etc 然后就到了etc目錄下,找到hosts檔案,打開(用文本編輯)，然后復制以下內容進去就可以

# GitHub Start 
140.82.113.3      github.com
140.82.114.20     gist.github.com

151.101.184.133    assets-cdn.github.com
151.101.184.133    raw.githubusercontent.com
151.101.184.133    gist.githubusercontent.com
151.101.184.133    cloud.githubusercontent.com
151.101.184.133    camo.githubusercontent.com
151.101.184.133    avatars0.githubusercontent.com
199.232.68.133     avatars0.githubusercontent.com
199.232.28.133     avatars1.githubusercontent.com
151.101.184.133    avatars1.githubusercontent.com
151.101.184.133    avatars2.githubusercontent.com
199.232.28.133     avatars2.githubusercontent.com
151.101.184.133    avatars3.githubusercontent.com
199.232.68.133     avatars3.githubusercontent.com
151.101.184.133    avatars4.githubusercontent.com
199.232.68.133     avatars4.githubusercontent.com
151.101.184.133    avatars5.githubusercontent.com
199.232.68.133     avatars5.githubusercontent.com
151.101.184.133    avatars6.githubusercontent.com
199.232.68.133     avatars6.githubusercontent.com
151.101.184.133    avatars7.githubusercontent.com
199.232.68.133     avatars7.githubusercontent.com
151.101.184.133    avatars8.githubusercontent.com
199.232.68.133     avatars8.githubusercontent.com

# GitHub End

當你想要編輯時，會出現以下提示：您沒有權限寫到檔案“hosts”所在的檔案夾
解決方法：點擊復制-保存到桌面，然后在副本中修改，修改完之后將桌面上的host_副本改成host，替換etc目錄下的host

這樣github就能顯示圖片了

• 但是github實在是太慢了，無論是加載還是訪問都慢的不行，體驗感很差，

三、用gitee做圖床

這個時候我就想到了gitee，訪問速度非常快，體驗感很好，但是剛下載下來的PicGo是不自帶gitee圖床的，我們需要下載插件，在插件設定里搜索gitee：

兩個都可以用，但是兩者的配置略微不同，我用的是右邊這個，gitee-uploader 1.1.2，
在配置之前，首先我們要在gitee創建倉庫并生成令牌

四、gitee創建圖片倉庫

1. 首先創建gitee賬號:https://gitee.com/
2. 點+號------新建倉庫
   
3. 按如下圖所示這樣配置：
   這里有個坑，倉庫名稱出現大寫或者使用_下劃線等符號，下面路徑會自動變小寫，這里要注意區分名稱和路徑，不然在待會配置很容易出現{success:“false”}的情況，
   為了方便起價，我倉庫名都用小寫，
   
4. 獲取新令牌
   點擊頭像–設定–安全設定—私人令牌----生成新令牌，將生成好的令牌復制好，只會出現一次，
   

五、配置PicGo

我選擇的gitee插件是gitee-uploader 1.1.2，配置如下：

另一個插件的配置略微不同，配置十分重要，要是沒配置對，圖片是無法自動上傳的，

• repo就是url地址欄gitee.com后面的部分，即baolk/typora_images

• token就是就是你剛復制的新令牌，填入即可
• path，我們一般填img即可
• customPath和customUrl不填也可以
  配置完之后我們可以在上傳區測驗，如果圖片順利上傳到gitee，則配置成功，如果沒有反應就要考慮下配置的引數問題，就是我前面提的repo的大小寫問題等
  

六、Typora+PicGo

PicGo配置完成后，確定能上傳圖片到gitee后，我們將PicGo配置到Typora，聯動使用，
打開Typora—偏好設定—影像—上傳服務設定選擇PicGo.app
點擊驗證圖片上傳選項

出現如下所示則驗證成功

若出現{“success”:“false”}，檢查PicGo里的Server是否是如下所示
，地址為127.0.0.1，監聽埠是36677

全部完成之后，我們就可以使用Typora+PicGo+gitee隨時保存圖片了，這里強烈建議打開PicGo里的這三個按鈕，在每次圖片上傳之前重命名圖片，有利于之后筆記中圖片整理和分類，