前言
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ǔ)語法的括號(hào)中填入圖片的位置路徑即可，支持絕對(duì)路徑和相對(duì)路徑。但該方法不靈活不好分享，本地圖片的路徑更改或丟失都會(huì)造成arkdown文件調(diào)不出圖。
例如：
[圖片上傳失敗...(image-cd6b18-1584359418944)]
??
插入網(wǎng)絡(luò)圖片：
[圖片上傳失敗...(image-176b5b-1584359418944)]，只需要在基礎(chǔ)語法的括號(hào)中填入圖片的網(wǎng)絡(luò)鏈接即可。
例如：
綜上所述，插入網(wǎng)絡(luò)圖片的方法是最佳選擇。圖床是儲(chǔ)存圖片的服務(wù)器，將本地圖片上傳至圖床后，使用其生成的圖片URL鏈接，即可插入到Markdown文檔中。工欲善其事，必先利其器，目前已經(jīng)有很多免費(fèi)/收費(fèi)圖床和方便傳圖的小工具可選。常見的圖床及推薦 知乎-盤點(diǎn)國內(nèi)免費(fèi)好用的圖床。
如果你只是偶爾寫寫博客，插入少量圖片，并且對(duì)上傳的圖片沒有很高的管理需求，推薦你使用 路過圖床-imgchr ， 基本滿足使用要求。
這些圖床上傳照片時(shí)都會(huì)遇到一個(gè)問題，即每次都需要手動(dòng)上傳圖片后，再復(fù)制每個(gè)圖片生成的鏈接到Markdown文件中使用，如果文章圖片較多整個(gè)過程就會(huì)極為繁瑣。因此本文推薦使用 GitHub圖床 + PicGo圖床管理工具 的方式更好地上傳、管理你的圖片。
使用效果：
通過PicGo將圖片或者復(fù)制粘貼板的截圖直接上傳至GitHub倉庫，生成Url鏈接的同時(shí)方便管理上傳的圖片。設(shè)置快捷鍵后配合系統(tǒng)截圖快捷鍵可實(shí)現(xiàn)一鍵截圖+一鍵上傳的效果。
那么，開始正文吧！
GitHub操作
1.登錄 GitHub 賬號(hào)。
2.點(diǎn)擊右上角“+號(hào)”新建一個(gè)倉庫。
3.生成一個(gè)token，讓PicGo可以操作你的倉庫（兩種方法）
- 方法1（直接訪問tokens界面），https://github.com/settings/tokens ，點(diǎn)擊
Generate new token
勾選repo后，滑到頁面最下端，單擊 Generate token 綠色按鈕，生成token。
注意，生成的token只會(huì)顯示一次，建議另存為文本文件妥善保存。如果忘記了，只能重新生成新的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用戶請(qǐng)下載最新版本的
dmg文件，windows用戶請(qǐng)下載最新版本的exe文件，linux用戶請(qǐng)下載AppImage文件。
PicGo官方提示：請(qǐng)確保你安裝了Node.js，并且版本 >= 8。因?yàn)槟惚仨毎惭bNode.js之后才能安裝PicGo的插件，PicGo要使用
npm來安裝插件。
建議還是聽官方的，免得出現(xiàn)莫名其妙的報(bào)錯(cuò)。
我在使用Win10系統(tǒng)下載完 .exe 文件后打開時(shí)會(huì)出現(xiàn)這樣的提示。直接單擊 更多信息 ， 再單擊下面跳出的 仍運(yùn)行 開始安裝即可。
安裝好的軟件界面如圖所示。
2.圖床配置
- 設(shè)定倉庫名："GitHub用戶名/倉庫名"
- 設(shè)定分支名："master"
- 設(shè)定Token："（之前生成的token）"
- 指定存儲(chǔ)路徑：會(huì)按照填寫的路徑在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é)可以自行探索，也歡迎在下方評(píng)論留言。
總結(jié)
就此，GitHub+PicGo已經(jīng)配置好了，可以盡情書寫你的博客，分享你的想法給大家了。??
如果覺得我的文章對(duì)你起到了些許的幫助，做下手指操點(diǎn)擊下面的大拇指??感謝~
我是專注自動(dòng)駕駛、Lidar感知、三維點(diǎn)云處理、激光SLAM領(lǐng)域的阿川，歡迎各位志同道合的朋友在下面積極留言。欲將心事付瑤琴，希望能在交流中收獲知識(shí)、經(jīng)驗(yàn)和摯友??
