mac中Typora+PicGo圖床+gitee 保姆級(jí)教程

由于之前錯(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)不方便。

一础米、PicGo圖床

單純的使用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做圖床

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)感很差宠默。

三麸恍、用gitee做圖床

這個(gè)時(shí)候我就想到了gitee,訪問速度非巢蠼茫快抹沪,體驗(yàn)感很好,但是剛下載下來的PicGo是不自帶gitee圖床的瓤球,我們需要下載插件融欧,在插件設(shè)置里搜索gitee:

兩個(gè)都可以用,但是兩者的配置略微不同卦羡,我用的是右邊這個(gè)噪馏,gitee-uploader 1.1.2。

在配置之前虹茶,首先我們要在gitee創(chuàng)建倉庫并生成令牌

四逝薪、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)一次。

五炒瘟、配置PicGo

我選擇的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的大小寫問題等

六雷酪、Typora+PicGo

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è)按鈕,在每次圖片上傳之前重命名圖片涨缚,有利于之后筆記中圖片整理和分類轧粟。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市脓魏,隨后出現(xiàn)的幾起案子兰吟,更是在濱河造成了極大的恐慌,老刑警劉巖茂翔,帶你破解...
    沈念sama閱讀 212,080評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件混蔼,死亡現(xiàn)場離奇詭異,居然都是意外死亡珊燎,警方通過查閱死者的電腦和手機(jī)惭嚣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來悔政,“玉大人晚吞,你說我怎么就攤上這事∧惫” “怎么了槽地?”我有些...
    開封第一講書人閱讀 157,630評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我捌蚊,道長集畅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,554評(píng)論 1 284
  • 正文 為了忘掉前任逢勾,我火速辦了婚禮牡整,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘溺拱。我一直安慰自己逃贝,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,662評(píng)論 6 386
  • 文/花漫 我一把揭開白布迫摔。 她就那樣靜靜地躺著沐扳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪句占。 梳的紋絲不亂的頭發(fā)上沪摄,一...
    開封第一講書人閱讀 49,856評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音纱烘,去河邊找鬼杨拐。 笑死,一個(gè)胖子當(dāng)著我的面吹牛擂啥,可吹牛的內(nèi)容都是我干的哄陶。 我是一名探鬼主播,決...
    沈念sama閱讀 39,014評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼哺壶,長吁一口氣:“原來是場噩夢啊……” “哼屋吨!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起山宾,我...
    開封第一講書人閱讀 37,752評(píng)論 0 268
  • 序言:老撾萬榮一對情侶失蹤至扰,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后资锰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體敢课,經(jīng)...
    沈念sama閱讀 44,212評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,541評(píng)論 2 327
  • 正文 我和宋清朗相戀三年绷杜,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了翎猛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,687評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡接剩,死狀恐怖切厘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情懊缺,我是刑警寧澤疫稿,帶...
    沈念sama閱讀 34,347評(píng)論 4 331
  • 正文 年R本政府宣布培他,位于F島的核電站,受9級(jí)特大地震影響遗座,放射性物質(zhì)發(fā)生泄漏舀凛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,973評(píng)論 3 315
  • 文/蒙蒙 一途蒋、第九天 我趴在偏房一處隱蔽的房頂上張望猛遍。 院中可真熱鬧,春花似錦号坡、人聲如沸懊烤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽腌紧。三九已至,卻和暖如春畜隶,著一層夾襖步出監(jiān)牢的瞬間壁肋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評(píng)論 1 266
  • 我被黑心中介騙來泰國打工籽慢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留浸遗,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,406評(píng)論 2 360
  • 正文 我出身青樓箱亿,卻偏偏與公主長得像乙帮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子极景,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,576評(píng)論 2 349