2

问题

从文档中,很明显 VuePress 正在使用markdown-it来渲染 Markdown,它已经使用这些漂亮的自定义容器进行了扩展。

我想从 VuePress(自定义容器和所有!)中“提取” Markdown 渲染器,以便我们的浏览器内 Markdown 编辑器显示渲染 Markdown 的 VuePress 式版本(减去侧边栏、搜索栏等)。

因为它是开源的,所以它当然是可能的——但是在 VuePress 代码库中探查并没有向我透露她的秘密,不幸的是这里没有列出“VuePress 插件” 。

为什么

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

在 docs 网站上,用户可以“编辑此页面!” 这会将他们带到静态服务器,在那里他们可以看到预览并拥有 Markdown 编辑器,并且可以点击“保存更改”按钮。所有待处理的更改都被一个文件观察器捆绑到一个拉取请求中,它使用我们的 Gitbot 触发或更新针对主文档分支的现有 PR(它还具有通过审查和被 linted 的优点,同时避免将内部配置内容暴露给非技术文档贡献者)。

4

1 回答 1

4

VuePress当前使用以下 markdown-it 插件:

它的样式文件(显然是Stylus 格式)可能也值得一看。

于 2018-07-15T15:57:13.707 回答