VS Code默認(rèn)支持Markdown文件文件格式荧飞,這里介紹兩個(gè)比較實(shí)用的功能,后續(xù)有新發(fā)現(xiàn)叹阔,可以持續(xù)更新。
實(shí)時(shí)預(yù)覽
顧名思義耳幢,實(shí)時(shí)編輯,實(shí)時(shí)預(yù)覽解析效果睛藻。
在VS Code擴(kuò)展中搜索“Markdown Preview Enhanced”,安裝完成后重載即可冈在。
復(fù)制粘貼圖片
這個(gè)要好好介紹一下按摘,因?yàn)閷?shí)在是太方便了包券。之前寫(xiě)個(gè)文檔炫贤,都是把截圖先截下來(lái)存好,然后引用路徑兰珍,寫(xiě)作效率大大降低。
CSDN中就可以直接截圖,復(fù)制粘貼汰寓,就傳到CSDN服務(wù)器生成了圖片url,很方便有滑,所以想在CSDN寫(xiě)完嵌削,然后直接復(fù)制md文本到github毛好,但是發(fā)現(xiàn)在GitHub Pages訪問(wèn)CSDN中的圖片url全部報(bào)403錯(cuò)誤苛秕。
偶然機(jī)會(huì)發(fā)現(xiàn)了一個(gè)神器——Paste Image,在擴(kuò)展中搜索安裝完成后需要進(jìn)行簡(jiǎn)單的配置艇劫。擴(kuò)展商店界面有詳細(xì)的配置說(shuō)明
這里我只是修改了三處配置
//圖片保存在根目錄下的images文件夾下
"pasteImage.path": "${projectRoot}/images",
//設(shè)置根目錄
"pasteImage.basePath": "${projectRoot}",
//下面這點(diǎn)尤為重要,在下面插入域名地址蟹演,這樣發(fā)布后才可能訪問(wèn)到顷蟀。
"pasteImage.insertPattern": "${imageSyntaxPrefix}https://allanhao.com/${imageFilePath}${imageSyntaxSuffix}"