VS Code CSS配置预览不适用于Markdown工作区设置

Question

问题

尽管在工作区设置中根据配置了

CSS 样式，但Markdown文件的 VS代码预览中并未显示样式VS Code 文档Extending the Markdown preview。

预期

这是托管时已发布的Markdown文件 media.md 的显示方式。

注意：添加了绿色边框以突出显示Markdown代码。

结果

这是Markdown文件 media.md 在VS Code预览中的显示方式。

注意：添加了绿色边框以突出显示Markdown代码。

设置

工作区结构

尝试使用 assets / css / style.scss 设置样式的Markdown文件是 media.md 。

工作区设置

它是在工作区设置下配置的，而不是用户设置。

{
    "markdown.styles": [
        "assets/css/style.scss"
    ]
}

Answer 1

It looks like VSC的"markdown.styles": []设置特别适用于CSS，而不是SCSS。

您可以使用Sass将*.scss转换为VSC Markdown预览将能够理解的*.css文件。

但是，从外观上看，您似乎正在使用Jekyll站点（我看到一个_config.yml Jekyll配置文件）。在这种情况下，serving your Jekyll site locally预览更改可能是更好的选择。

---

P.S。如果Markdown屏幕截图周围有边框，则可以更轻松地解析您的问题，以便更好地区分问题和问题本身的细节：）