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

Question

问题

CSS 样式未显示在 Markdown 文件的 VS Code 预览中，尽管根据 在 Workspace Settings 下进行了配置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预览更改可能是更好的选择。

---

附言如果 Markdown 屏幕截图周围有边框以更好地区分它们和问题本身的详细信息，那么解析您的问题会更容易:)