Visual Studio Code Markdown 预览样式

Question

我知道如何在设置中使用markdown-styles来提供我自己的 CSS 来样式化 Markdown 预览，但我不知道要设置哪些元素和 CSS 类。 Markdown 预览中使用的那些是否记录在某处？

Answer 1

1. 打开一个 Markdown 文件。
2. 打开拆分预览窗口（Mac 上为Cmd + K 、 V或窗口右上角的拆分视图图标，或打开命令面板（菜单视图→命令面板或Shift + Cmd + P在 Mac 上）并运行Markdown: open Preview to side 。
3. 打开命令面板并运行Developer: Open WEBVIEW developer tools 。
4. 这将打开一个类似浏览器的检查器，您可以向下钻取并查看您需要的任何内容。

请注意， Help菜单中的Toggle Developer Tools对此不起作用——它不会深入到 Preview 的 webview 窗口。

Answer 2

从文档 ：

在Visual Studio Code中使用Markdown文件简单，直接且有趣。 除了Visual Studio Code的基本编辑功能外，还有许多Markdown特定功能可以帮助您提高工作效率。

浏览该文档 。

Answer 3

您可以使用vr8ce的有用答案来查找默认样式表的来源。 在 Mac 上，这是路径：

/Applications/Visual\\ Studio\\ Code.app/Contents/Resources/app/extensions/markdown-language-features/media/markdown.css