如何修改 vscode 中 markdown 的 preview 风格?

This topic created in 3966 days ago, the information mentioned may be changed or developed.

//-------- Markdown preview configuration --------

    // A list of URLs or local paths to CSS style sheets to use from the markdown preview.
    "markdown.styles": [],

修改这里应该是可以自定义一个 css 文件来修改 preview 的风格.
但是我试了好久, 没有成功.

不知道这个 .css 文件应该放在什么地方
如果放在本地, 不知道 "markdown.styles": [] 这里的中括号里面怎么写
我找到一个在线的 css 文件, 但是我吧这个 url 填进中括号去了之后, 没有用.

求指教!

4 replies • 2015-09-07 19:55:37 +08:00

caoyue

Sep 7, 2015

我记得文档上好像有说是要放在你的 Workspace 目录下

jecvay

Sep 7, 2015

@caoyue 是啊, 放在 workspace 就没问题, 但是如何设成全局的呢..

jecvay

Sep 7, 2015

已解决, 如果文件放在 `d:\vscode-markdown.css`则路径填写`file:///D:/vscode-markdown.css`即可

dikcen

Sep 7, 2015

在线的可以写成类似：

// Place your settings in this file to overwrite the default settings
{
"markdown.styles": [
"https://jasonm23.github.io/markdown-css-themes/foghorn.css"
]
}

这是从昨天看到一个 vscode 体验文章改的。可用