GitHub+PicGo圖床管理配置神得,讓Markdown插入圖片更絲滑

前言

Markdown是一種純文本的標(biāo)記語言厘惦,不同于word等其他文本編輯軟件,你不需要費(fèi)心思去排版循头,只用專注于文章內(nèi)容本身绵估。其語法簡單容易掌握炎疆,稍加學(xué)習(xí)就可以寫出格式簡潔、舒爽的文章??

Markdown語法輕靈国裳,添加網(wǎng)站鏈接形入、圖片等都較便捷,具體的Markdown介紹及使用方法可查看 簡書-Markdown新手指南缝左。

Markdown使用過程中最讓人頭疼的恐怕就是插入圖片了亿遂,添加圖片的方法可查看 簡書-Markdown添加圖片的三種方式。簡單總結(jié)渺杉,常用插入圖片方法主要分為插入本地圖片蛇数、插入網(wǎng)絡(luò)圖片兩種??

插入本地圖片:[圖片上傳失敗...(image-5da6dd-1584359418943)] ,只需要在基礎(chǔ)語法的括號中填入圖片的位置路徑即可是越,支持絕對路徑和相對路徑耳舅。但該方法不靈活不好分享,本地圖片的路徑更改或丟失都會造成arkdown文件調(diào)不出圖倚评。

例如:
[圖片上傳失敗...(image-cd6b18-1584359418944)]

??

插入網(wǎng)絡(luò)圖片:[圖片上傳失敗...(image-176b5b-1584359418944)] 浦徊,只需要在基礎(chǔ)語法的括號中填入圖片的網(wǎng)絡(luò)鏈接即可。

例如:

一日三餐

綜上所述天梧,插入網(wǎng)絡(luò)圖片的方法是最佳選擇盔性。圖床是儲存圖片的服務(wù)器煌茬,將本地圖片上傳至圖床后际长,使用其生成的圖片URL鏈接济蝉,即可插入到Markdown文檔中灿渴。工欲善其事,必先利其器被去,目前已經(jīng)有很多免費(fèi)/收費(fèi)圖床和方便傳圖的小工具可選世澜。常見的圖床及推薦 知乎-盤點(diǎn)國內(nèi)免費(fèi)好用的圖床唆途。

如果你只是偶爾寫寫博客硬贯,插入少量圖片焕襟,并且對上傳的圖片沒有很高的管理需求,推薦你使用 路過圖床-imgchr 饭豹, 基本滿足使用要求。

這些圖床上傳照片時(shí)都會遇到一個(gè)問題务漩,即每次都需要手動上傳圖片后拄衰,再復(fù)制每個(gè)圖片生成的鏈接到Markdown文件中使用,如果文章圖片較多整個(gè)過程就會極為繁瑣饵骨。因此本文推薦使用 GitHub圖床 + PicGo圖床管理工具 的方式更好地上傳翘悉、管理你的圖片。

使用效果:
通過PicGo將圖片或者復(fù)制粘貼板的截圖直接上傳至GitHub倉庫居触,生成Url鏈接的同時(shí)方便管理上傳的圖片妖混。設(shè)置快捷鍵后配合系統(tǒng)截圖快捷鍵可實(shí)現(xiàn)一鍵截圖+一鍵上傳的效果老赤。



那么,開始正文吧制市!

GitHub操作

1.登錄 GitHub 賬號抬旺。

2.點(diǎn)擊右上角“+號”新建一個(gè)倉庫。

image
image

3.生成一個(gè)token祥楣,讓PicGo可以操作你的倉庫(兩種方法)

image
image

勾選repo后误褪,滑到頁面最下端责鳍,單擊 Generate token 綠色按鈕,生成token兽间。

image

注意历葛,生成的token只會顯示一次,建議另存為文本文件妥善保存嘀略。如果忘記了啃洋,只能重新生成新的token,每次新生成的token與之前都不同屎鳍。

  • 方法2(從GitHub主頁進(jìn)入tokens界面)宏娄,首先點(diǎn)擊主頁右上角的Settings
image
image
image

后續(xù)操作與方法1相同,不再介紹逮壁。GitHub的操作到此為止孵坚,下面開始配置PicGo。

PicGo配置

1.下載PicGo窥淆,本文主要講在 Windows 環(huán)境下的配置卖宠。如果有需要的話可以留言,我再分享一期在 Linux 環(huán)境下的安裝配置忧饭。

點(diǎn)擊此處下載 PicGo

macOS用戶請下載最新版本的dmg文件扛伍,windows用戶請下載最新版本的exe文件,linux用戶請下載AppImage文件词裤。

PicGo官方提示:請確保你安裝了Node.js刺洒,并且版本 >= 8。因?yàn)槟惚仨毎惭bNode.js之后才能安裝PicGo的插件吼砂,PicGo要使用npm來安裝插件逆航。
建議還是聽官方的,免得出現(xiàn)莫名其妙的報(bào)錯(cuò)渔肩。

我在使用Win10系統(tǒng)下載完 .exe 文件后打開時(shí)會出現(xiàn)這樣的提示因俐。直接單擊 更多信息 , 再單擊下面跳出的 仍運(yùn)行 開始安裝即可。

image

安裝好的軟件界面如圖所示抹剩。

image

2.圖床配置

image
  • 設(shè)定倉庫名:"GitHub用戶名/倉庫名"
  • 設(shè)定分支名:"master"
  • 設(shè)定Token:"(之前生成的token)"
  • 指定存儲路徑:會按照填寫的路徑在GitHub倉庫下建立文件夾撑帖,填寫 "img/" 即可(填不填都行)
  • 設(shè)定自定義域名:"https://raw.githubusercontent.com/(用戶名)/(倉庫名)/master"(填不填都行)

單擊 確定 設(shè)定完成,建議單擊 設(shè)為默認(rèn)圖床 澳眷,這樣就能保證上傳圖片至GitHub胡嘿。

3.其他設(shè)置

可以將快捷鍵設(shè)置為 Ctrl + Alt + Q ,這樣聯(lián)合QQ截圖快捷鍵 Ctrl + Alt + A 即可實(shí)現(xiàn)快速截圖??快速上傳至GitHub圖床??的效果境蔼,不談了灶平!起飛!

image

其他設(shè)置調(diào)節(jié)可以自行探索箍土,也歡迎在下方評論留言逢享。

總結(jié)

就此,GitHub+PicGo已經(jīng)配置好了吴藻,可以盡情書寫你的博客瞒爬,分享你的想法給大家了。??

如果覺得我的文章對你起到了些許的幫助沟堡,做下手指操點(diǎn)擊下面的大拇指??感謝~
我是專注自動駕駛侧但、Lidar感知、三維點(diǎn)云處理航罗、激光SLAM領(lǐng)域的阿川禀横,歡迎各位志同道合的朋友在下面積極留言。欲將心事付瑤琴粥血,希望能在交流中收獲知識柏锄、經(jīng)驗(yàn)和摯友??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市复亏,隨后出現(xiàn)的幾起案子趾娃,更是在濱河造成了極大的恐慌,老刑警劉巖缔御,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抬闷,死亡現(xiàn)場離奇詭異,居然都是意外死亡耕突,警方通過查閱死者的電腦和手機(jī)笤成,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來有勾,“玉大人疹启,你說我怎么就攤上這事“ǎ” “怎么了?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長雇逞。 經(jīng)常有香客問我荤懂,道長,這世上最難降的妖魔是什么塘砸? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任节仿,我火速辦了婚禮,結(jié)果婚禮上掉蔬,老公的妹妹穿的比我還像新娘廊宪。我一直安慰自己,他們只是感情好女轿,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布箭启。 她就那樣靜靜地躺著,像睡著了一般蛉迹。 火紅的嫁衣襯著肌膚如雪傅寡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天北救,我揣著相機(jī)與錄音荐操,去河邊找鬼。 笑死珍策,一個(gè)胖子當(dāng)著我的面吹牛托启,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播攘宙,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼屯耸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了模聋?” 一聲冷哼從身側(cè)響起肩民,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎链方,沒想到半個(gè)月后持痰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡祟蚀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年工窍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片前酿。...
    茶點(diǎn)故事閱讀 39,696評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡患雏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出罢维,到底是詐尸還是另有隱情淹仑,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站匀借,受9級特大地震影響颜阐,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吓肋,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一凳怨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧是鬼,春花似錦肤舞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至兆龙,卻和暖如春杖爽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背紫皇。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工慰安, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人聪铺。 一個(gè)月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓化焕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親铃剔。 傳聞我的和親對象是個(gè)殘疾皇子撒桨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容