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

2015-09-07 18:22:47 +08:00
 jecvay

在 vscode 的官方文档中,

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

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

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

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

求指教!

11441 次点击
所在节点    编辑器
4 条回复
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 体验文章改的。可用

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/218920

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX