edge瀏覽vscode編寫markdown極度舒適
最近發(fā)現(xiàn)無論是typora或者是其他markdown編輯器都不太滿意吴侦,不是對閱讀不友好迂求,就是對編寫不友好传货,所以琢磨出了一種編寫和閱讀都比較令人滿意的方法,這篇文章就是告訴大家如何edge瀏覽器和vscode來編寫和閱讀markdown文件莉给,營造一個(gè)舒適的markdown環(huán)境
Edge瀏覽器插件安裝和配置
安裝
插件名:markdown viewer
配置
首先需要配置的是允許渲染本地文件毙石,這是必須的步驟,方法就是安裝好插件后颓遏,在瀏覽器的插件圖標(biāo)上鼠標(biāo)右鍵選中markdown viewer
插件的管理擴(kuò)展徐矩,或者選擇markdown viewer
右邊的 “...” 按鈕下的管理擴(kuò)展,打開如下界面叁幢,給選項(xiàng)“允許訪問文件URL”打勾
然后回到瀏覽器界面滤灯,鼠標(biāo)左鍵選擇插件圖標(biāo),然后分別對主題遥皂、內(nèi)容力喷、編譯器做配置
主題配置說明:
- wide:是否打開寬屏模式
編譯器配置說明:
- gfm:默認(rèn)開啟即可
內(nèi)容配置說明:
- autoreload:修改markdown文件后自動(dòng)重新加載和渲染
- emoji:將emoji表情包的shortname渲染成img圖片
- mathjax:渲染數(shù)據(jù)公式
- toc:渲染TOC目錄導(dǎo)航 (這點(diǎn)對于這篇文章來說是必須開啟的)
高級配置默認(rèn)即可
vscode插件安裝和配置
安裝
插件名:markdown all in one
配置
默認(rèn)配置即可
用vscode編寫帶有toc的md文章
假設(shè)我們的md文章帶有標(biāo)題,如下:
## 標(biāo)題1
內(nèi)容內(nèi)容
### 標(biāo)題2
內(nèi)容內(nèi)容
那么我們在vscode中演训,按F1鍵弟孟、或者按ctrl+shift+p快捷鍵、或者選擇菜單中的“幫助->顯示所有命令”样悟,在彈出的輸入提示欄中輸入create table
拂募,在智能提示下選擇“Markdown all in one: 創(chuàng)建目錄”庭猩,即可完成TOC目錄創(chuàng)建(PS:其實(shí)不創(chuàng)建TOC目錄也是可以的,因?yàn)閙arkdown viewer在渲染md文件時(shí)會自動(dòng)創(chuàng)建)
用edge瀏覽md文章
右鍵選擇*.md
文件陈症,設(shè)置打開方式為edge瀏覽器后雙擊打開md文件瀏覽蔼水,或者通過拖拽的方式,將md文件拖拽到瀏覽器界面打開录肯,就可以用edge瀏覽器閱讀md文件了
edge默認(rèn)安裝路徑是C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe
左側(cè)會顯示有TOC目錄導(dǎo)航