前言
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è)倉庫。
3.生成一個(gè)token祥楣,讓PicGo可以操作你的倉庫(兩種方法)
- 方法1(直接訪問tokens界面)开财,https://github.com/settings/tokens ,點(diǎn)擊
Generate new token
勾選repo
后误褪,滑到頁面最下端责鳍,單擊 Generate token
綠色按鈕,生成token兽间。
注意历葛,生成的token只會顯示一次,建議另存為文本文件妥善保存嘀略。如果忘記了啃洋,只能重新生成新的token,每次新生成的token與之前都不同屎鳍。
- 方法2(從GitHub主頁進(jìn)入tokens界面)宏娄,首先點(diǎn)擊主頁右上角的
Settings
后續(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)行
開始安裝即可。
安裝好的軟件界面如圖所示抹剩。
2.圖床配置
- 設(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圖床??的效果境蔼,不談了灶平!起飛!
其他設(shè)置調(diào)節(jié)可以自行探索箍土,也歡迎在下方評論留言逢享。
總結(jié)
就此,GitHub+PicGo已經(jīng)配置好了吴藻,可以盡情書寫你的博客瞒爬,分享你的想法給大家了。??
如果覺得我的文章對你起到了些許的幫助沟堡,做下手指操點(diǎn)擊下面的大拇指??感謝~
我是專注自動駕駛侧但、Lidar感知、三維點(diǎn)云處理航罗、激光SLAM領(lǐng)域的阿川禀横,歡迎各位志同道合的朋友在下面積極留言。欲將心事付瑤琴粥血,希望能在交流中收獲知識柏锄、經(jīng)驗(yàn)和摯友??