由于之前錯(cuò)誤在桌面執(zhí)行了git clean導(dǎo)致桌面里的筆記全沒了之后坎缭,深刻意識(shí)到備份的重要性拙吉。但是實(shí)時(shí)備份有時(shí)候會(huì)忘記庸蔼,不如每次寫完上傳云端一勞永逸拍棕,還能做一個(gè)分享~
記筆記時(shí)使用的是Typora晓铆,界面清爽勺良,快捷鍵友好,但是最大的問題是圖片的路徑問題骄噪。
在本地使用的時(shí)候尚困,所有的圖片要不就是復(fù)制的,它會(huì)自動(dòng)加到typora下的文件夾链蕊,然后Typora引用該地址尾组,或者就是我們特定插入某張圖片,引用的也是這張圖片本身的地址示弓。但這有個(gè)最大的問題,就是當(dāng)你不小心移動(dòng)了圖片或者刪除了圖片呵萨,在Typora中就無法正常顯示了奏属;
上傳blog或github等技術(shù)性網(wǎng)站時(shí)就更麻煩了,當(dāng)你把在本地寫好的.md文件直接復(fù)制上去潮峦,你會(huì)發(fā)現(xiàn)囱皿,網(wǎng)頁無法讀取到本地文件,圖片也顯示不出來忱嘹。
總而言之嘱腥,如果你只是單純寫文字,Typora就足夠了拘悦,但是當(dāng)你需要在里面插入圖片齿兔,那么會(huì)相當(dāng)不方便。
單純的使用Typora顯然是不方便的分苇,這個(gè)時(shí)候我們要借助PicGo這個(gè)圖床軟件,將我們.md文件中的圖片實(shí)時(shí)上傳到云端屁桑。由于url往往是固定的医寿,無論在本地或是上傳到blog上,引用的都是固定的url蘑斧,就不用擔(dān)心本地圖片被移動(dòng)或者上傳blog無法讀取圖片的問題了靖秩。
簡而言之,使用PicGo能夠解決圖片在本地或網(wǎng)站上的顯示問題竖瘾。
那究竟上傳到哪個(gè)圖床沟突,有非常多的選擇項(xiàng),類似于默認(rèn)的SM.MS圖床准浴,騰訊云COS等等事扭,由于考慮到操作的方便性,且我一般只是記錄typora才會(huì)用到圖床乐横,并沒有云端存儲(chǔ)圖片的習(xí)慣求橄。剛開始我優(yōu)先選擇的是Github今野,畢竟使用的也比較多,但是出現(xiàn)了兩個(gè)問題:
github上的圖片無法正常顯示:
解決辦法是打開finder ,在前往里面選擇前往文件夾(快捷鍵shift+command+g)条霜,hosts文件目錄/etc/hosts,
在彈出框里輸入 etc 然后就到了etc目錄下,找到hosts文件,打開(用文本編輯),然后復(fù)制以下內(nèi)容進(jìn)去就可以
```bash
# 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
```
當(dāng)你想要編輯時(shí)涵亏,會(huì)出現(xiàn)以下提示:您沒有權(quán)限寫到文件“hosts”所在的文件夾
解決方法:點(diǎn)擊復(fù)制-保存到桌面宰睡,然后在副本中修改,修改完之后將桌面上的host_副本改成host气筋,替換etc目錄下的host
這樣github就能顯示圖片了
但是github實(shí)在是太慢了拆内,無論是加載還是訪問都慢的不行,體驗(yàn)感很差宠默。
這個(gè)時(shí)候我就想到了gitee,訪問速度非巢蠼茫快抹沪,體驗(yàn)感很好,但是剛下載下來的PicGo是不自帶gitee圖床的瓤球,我們需要下載插件融欧,在插件設(shè)置里搜索gitee:
兩個(gè)都可以用,但是兩者的配置略微不同卦羡,我用的是右邊這個(gè)噪馏,gitee-uploader 1.1.2。
在配置之前虹茶,首先我們要在gitee創(chuàng)建倉庫并生成令牌
首先創(chuàng)建gitee賬號(hào):https://gitee.com/
點(diǎn)+號(hào)------新建倉庫
按如下圖所示這樣配置:
這里有個(gè)坑,倉庫名稱出現(xiàn)大寫或者使用_下劃線等符號(hào)蝴罪,下面路徑會(huì)自動(dòng)變小寫董济。這里要注意區(qū)分名稱和路徑,不然在待會(huì)配置很容易出現(xiàn){success:“false”}的情況要门。
為了方便起價(jià)虏肾,我倉庫名都用小寫。
獲取新令牌
點(diǎn)擊頭像–設(shè)置–安全設(shè)置—私人令牌----生成新令牌欢搜,將生成好的令牌復(fù)制好封豪,只會(huì)出現(xiàn)一次。
我選擇的gitee插件是gitee-uploader 1.1.2吹埠,配置如下:
另一個(gè)插件的配置略微不同,配置十分重要,要是沒配置對缘琅,圖片是無法自動(dòng)上傳的粘都。
repo就是url地址欄gitee.com后面的部分,即baolk/typora_images
token就是就是你剛復(fù)制的新令牌刷袍,填入即可
path翩隧,我們一般填img即可
customPath和customUrl不填也可以
配置完之后我們可以在上傳區(qū)測試,如果圖片順利上傳到gitee呻纹,則配置成功堆生,如果沒有反應(yīng)就要考慮下配置的參數(shù)問題,就是我前面提的repo的大小寫問題等
PicGo配置完成后淑仆,確定能上傳圖片到gitee后,我們將PicGo配置到Typora哥力,聯(lián)動(dòng)使用糯景。
打開Typora—偏好設(shè)置—圖像—上傳服務(wù)設(shè)定選擇PicGo.app
點(diǎn)擊驗(yàn)證圖片上傳選項(xiàng)
出現(xiàn)如下所示則驗(yàn)證成功
若出現(xiàn){“success”:“false”},檢查PicGo里的Server是否是如下所示
省骂,地址為127.0.0.1,監(jiān)聽端口是36677
全部完成之后最住,我們就可以使用Typora+PicGo+gitee隨時(shí)保存圖片了钞澳,這里強(qiáng)烈建議打開PicGo里的這三個(gè)按鈕,在每次圖片上傳之前重命名圖片涨缚,有利于之后筆記中圖片整理和分類轧粟。