代码之家  ›  专栏  ›  技术社区  ›  GrayedFox

如何像VuePress一样呈现Markdown?

  •  1
  • GrayedFox  · 技术社区  · 6 年前

    问题

    从文档中,很明显VuePress正在使用 markdown-it 用于渲染降价,它已用这些扩展 beautiful custom containers .

    我想从VuePress(自定义容器和所有!)因此,我们的浏览器内标记编辑器将显示渲染标记的VuePress风格版本(减去侧栏、搜索栏等)。

    因为它是开放源码的,所以肯定是有可能的——但是浏览VuePress代码库并没有向我透露她的秘密,不幸的是,没有列出“VuePress插件”。 here .

    为什么

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

    从Docs网站,用户可以“编辑此页面!”它将它们带到静态服务器,在那里它们可以看到预览并有一个标记编辑器,还可以点击一个按钮来“保存更改”。所有挂起的更改都被一个文件观察者打包成一个拉请求,该文件观察者使用我们的GitBot触发或更新主文档分支的现有pr(它还具有通过审查和被挂掉的优势,同时避免向非技术文档贡献者公开内部配置资料)。

    1 回复  |  直到 6 年前
        1
  •  3
  •   Chris    6 年前

    VuePress(压力) currently uses 以下Markdown IT插件:

    它的 style files (显然在 Stylus format )可能也值得一看。

    推荐文章