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