VS Code默認(rèn)支持Markdown文件文件格式,這里介紹兩個(gè)比較實(shí)用的功能罩润,后續(xù)有新發(fā)現(xiàn)玖翅,可以持續(xù)更新。
實(shí)時(shí)預(yù)覽
顧名思義割以,實(shí)時(shí)編輯金度,實(shí)時(shí)預(yù)覽解析效果。
image
在VS Code擴(kuò)展中搜索“Markdown Preview Enhanced”严沥,安裝完成后重載即可猜极。
image
復(fù)制粘貼圖片
這個(gè)要好好介紹一下,因?yàn)閷?shí)在是太方便了消玄。之前寫個(gè)文檔跟伏,都是把截圖先截下來存好丢胚,然后引用路徑,寫作效率大大降低受扳。
CSDN中就可以直接截圖携龟,復(fù)制粘貼,就傳到CSDN服務(wù)器生成了圖片url勘高,很方便峡蟋,所以想在CSDN寫完,然后直接復(fù)制md文本到github华望,但是發(fā)現(xiàn)在GitHub Pages訪問CSDN中的圖片url全部報(bào)403錯(cuò)誤蕊蝗。
偶然機(jī)會(huì)發(fā)現(xiàn)了一個(gè)神器——Paste Image,在擴(kuò)展中搜索安裝完成后需要進(jìn)行簡單的配置立美。擴(kuò)展商店界面有詳細(xì)的配置說明
image
這里我只是修改了三處配置
//圖片保存在根目錄下的images文件夾下
"pasteImage.path": "${projectRoot}/images",
//設(shè)置根目錄
"pasteImage.basePath": "${projectRoot}",
//下面這點(diǎn)尤為重要匿又,在下面插入域名地址,這樣發(fā)布后才可能訪問到建蹄。
"pasteImage.insertPattern": "${imageSyntaxPrefix}https://allanhao.com/${imageFilePath}${imageSyntaxSuffix}"