VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

最近從github上clone了一份學習資料,資料裡面很多markdown格式的文檔,為了閱讀方便,一開始我用sublime導入了這些文檔,但我沒找到預覽功能,網上查到了幾個markdown相關的插件,他們分別是:

VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

MarkdownPreview是轉html的,還要到瀏覽器中打開,而我的需求是在編輯器中直接預覽,看樣子只有MarkdownLivePreview符合我的需求。按作者的意思是配置下"markdown_live_preview_on_open": true(打開md時自動開啟預覽功能設為true),然後重啟sublime就能行,但我反覆嘗試了幾次,並沒有在我的電腦上生效。儘管我可以在Command Palette中搜索該插件的預覽功能來開啟預覽,但這並不是一個很有效率的做法,並且’費勁周折’開啟的預覽,看起來也並不理想:

VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

預覽佈局中是不支持橫向滾動的!!!而且不美觀!

為什麼開篇先扯上前面這段,就是想給大家填個坑,因為我查了一大頓,幾乎都是給的這個方案,如果你和我一開始一樣想在sublime中預覽markdown,我勸你換個方式。下面聊聊今天的主題,《VSCode中一款超級強大的Markdown插件–MPE》

先說明一下,VSCode默認是支持預覽Markdown的,快捷鍵 command+k 然後按v,或者command+shift+v(command對應win下的control),就可以打開預覽。一開始很愉快大概這樣的:

VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

總算能快樂的預覽了

但很快我發現了這樣的事情:

VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

這種黑色的圖看不清楚了

我的VSCode用的是暗黑主題,所以默認的Markdown預覽頁面也跟隨這個主題,接下來我想保持VSCode原有的主題,只單獨修改預覽頁面的樣式,有兩種方式:

1.這個在Settings-Markdown-Markdown:Styles中指向一份css樣式文件

2.下Markdown Preview Enhanced這個插件

第1種方式由於本人不才,路徑搞來搞去都不對就放棄了,如果現在讓我回頭再去研究一下也懶得去弄了,因為還要把現在配置好的插件禁用,重啟之類的,有興趣的自己研究吧。

這個插件也支持Atom–一款比較適合程序員的編輯器,主題可以在Settings-Markdown Preview Enhanced-Preview Theme中設置

VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

支持特性

VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

插件官網地址

https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/

圖片緩存刷新失敗解決方案

VSCode中一款超級強大的Markdown插件(可修改Markdown預覽主題)

在圖片url後加?+數字


分享到:


相關文章: