Question

扩展中内置的Markdown语言功能具有设置markdown.styles，据我所知，您可以设置markdown标签的样式？

Answer 1

我不是“引用文档”的忠实拥护者。在这种情况下，我认为VS Code的员工应该得到一些荣誉。他们在解释如何使用自定义“ markdown样式表”方面做得非常好。

从文档中

您也可以将own CSS in the Markdown preview与   "markdown.styles": [] setting。列出样式表的URL   在Markdown预览中加载。这些样式表可以是https   url，或当前工作空间中本地文件的相对路径。

例如，要在您的根目录中加载一个名为Style.css的样式表   当前工作空间，使用文件>首选项>设置调出   工作区settings.json文件并进行以下更新：
// Place your settings in this file to overwrite default and user settings.
{
    "markdown.styles": [
        "Style.css"
    ]
}

请让我知道是否可以澄清任何事情。

-rob

Answer 2

如果您要使用文件“ https://github.com/SepCode/vscode-markdown-style/blob/master/preview/github.css”，我们知道该文件“ https://raw.githubusercontent.com/SepCode/vscode-markdown-style/master/preview/github.css”不起作用。

我有个好主意，我们可以使用Github Pages。

在存储库中添加一个子模块，例如“ git submodule add https://github.com/SepCode/vscode-markdown-style.git”。现在我们可以使用URL“ https://sepcode.github.io/vscode-markdown-style/preview/github.css”设置markdown.styles。

步骤：

克隆您的GitHub页面“ git clone https://github.com/SepCode/SepCode.github.io.git”
cd SepCode.github.io
git submodule add https://github.com/SepCode/vscode-markdown-style.git
git commit -am 'added vscode-markdown-style module'
git push

设置vscode setting.json

{
    "markdown.styles":["https://sepcode.github.io/vscode-markdown-style/preview/github.css"]
}

vscode-markdown风格的存储库只是一个例子，我们应该使用自己的CSS文件。这样更方便且可控制。

Markdown语言设置样式标记标签？

2 个答案: