最近從github上clone了一份學習資料,資料裡面很多markdown格式的文檔,為了閱讀方便,一開始我用sublime導入了這些文檔,但我沒找到預覽功能,網上查到了幾個markdown相關的插件,他們分別是:
MarkdownPreview是轉html的,還要到瀏覽器中打開,而我的需求是在編輯器中直接預覽,看樣子只有MarkdownLivePreview符合我的需求。按作者的意思是配置下"markdown_live_preview_on_open": true(打開md時自動開啟預覽功能設為true),然後重啟sublime就能行,但我反覆嘗試了幾次,並沒有在我的電腦上生效。儘管我可以在Command Palette中搜索該插件的預覽功能來開啟預覽,但這並不是一個很有效率的做法,並且’費勁周折’開啟的預覽,看起來也並不理想:
預覽佈局中是不支持橫向滾動的!!!而且不美觀!
為什麼開篇先扯上前面這段,就是想給大家填個坑,因為我查了一大頓,幾乎都是給的這個方案,如果你和我一開始一樣想在sublime中預覽markdown,我勸你換個方式。下面聊聊今天的主題,《VSCode中一款超級強大的Markdown插件–MPE》
先說明一下,VSCode默認是支持預覽Markdown的,快捷鍵 command+k 然後按v,或者command+shift+v(command對應win下的control),就可以打開預覽。一開始很愉快大概這樣的:
總算能快樂的預覽了
但很快我發現了這樣的事情:
這種黑色的圖看不清楚了
我的VSCode用的是暗黑主題,所以默認的Markdown預覽頁面也跟隨這個主題,接下來我想保持VSCode原有的主題,只單獨修改預覽頁面的樣式,有兩種方式:
1.這個在Settings-Markdown-Markdown:Styles中指向一份css樣式文件
2.下Markdown Preview Enhanced這個插件
第1種方式由於本人不才,路徑搞來搞去都不對就放棄了,如果現在讓我回頭再去研究一下也懶得去弄了,因為還要把現在配置好的插件禁用,重啟之類的,有興趣的自己研究吧。
這個插件也支持Atom–一款比較適合程序員的編輯器,主題可以在Settings-Markdown Preview Enhanced-Preview Theme中設置
支持特性
插件官網地址
https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/
圖片緩存刷新失敗解決方案
在圖片url後加?+數字
閱讀更多 每天一行代碼 的文章