如何像VuePress一样渲染Markdown？

Question

问题

从文档中可以很明显地看出，VuePress使用markdown-it来渲染Markdown，并用这些beautiful custom containers进行了扩展。

我想从VuePress中“提取” Markdown渲染器（自定义容器和所有容器！），以便我们的浏览器内Markdown编辑器显示渲染的Markdown的VuePress风格版本（减去侧栏，搜索栏等）。 / p>

因为它是开源的，所以肯定有可能-但在VuePress代码库中偷偷摸摸并没有向我透露她的秘密，不幸的是，here中没有列出“ VuePress插件”。

为什么

为了鼓励人们也使用VuePress构建文档，我正在构建一个简单的静态服务器，该服务器从主文档分支中获取最新的Markdown文件，并在包含以下内容的文本框中并排显示它们所有Markdown在左侧，渲染版本在右侧。

用户可以从docs网站上“编辑此页面！”它将他们带到静态服务器，在那里他们可以看到预览并具有Markdown编辑器，并且可以单击“保存更改”按钮。所有待处理的更改都由文件监视程序捆绑到拉取请求中，该监视程序使用我们的Gitbot触发或更新针对master docs分支的现有PR（它还具有通过检查和整理的优点，同时避免将内部配置内容暴露给非技术文档贡献者）。

Answer 1

VuePress currently uses以下markdown-it插件：

• markdown-it-anchor
• markdown-it-container（这是您最感兴趣的一个）
• markdown-it-emoji
• markdown-it-table-of-contents

它的style files（显然在Stylus format中）也值得一看。