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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3146 天前的主题，其中的信息可能已经有所发展或是发生改变。

//-------- 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 条回复 • 2015-09-07 19:55:37 +08:00

caoyue

2015-09-07 18:36:14 +08:00

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

jecvay

2015-09-07 18:40:33 +08:00

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

jecvay

2015-09-07 18:50:10 +08:00

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

dikcen

2015-09-07 19:55:37 +08:00

在线的可以写成类似：

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

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