github - 如何安装 Mermaid 以在 Markdown 中呈现流程图?

标签 github markdown readme mermaid

我正在尝试使用 Mermaid 在 Markdown 文件中呈现流程图。我的 GitHub 存储库中有一个 ReadMe.md 文件,我想包含一个基本流程图来帮助描述内容。但我不知道如何让它工作。有人可以就如何呈现一个简单的示例发布一些更具体的说明吗?

在此链接 (https://unpkg.com/mermaid@8.0.0-rc.8/README.md) 中,有一个美人鱼安装的示例代码片段:

    ```
    https://unpkg.com/mermaid@7.1.0/dist/
    ```

我包含了该代码,然后尝试在下一个代码片段中制作流程图:
    ```
    graph TD;
        A-->B;
        A-->C;
        B-->D;
        C-->D;
    ```

但它所做的只是在我预览它时在 Markdown 文件中打印出该文本。

根据美人鱼自述文件似乎有可能:https://github.com/knsv/mermaid/blob/master/README.md .但是当我查看代码时,它实际上是流程图的图片,而不是代码的渲染。所以也许我问的是不可能的?

将不胜感激任何帮助!

最佳答案

将存储库移至 gitlab 的另一种解决方案.
它在所有 Markdown 文件中原生支持美人鱼。

Gitlab Markdown Tutorial

关于github - 如何安装 Mermaid 以在 Markdown 中呈现流程图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50762662/

相关文章:

Github:来自标记的 Wiki 页面标题而不是文件名/网络客户端

html - 使用 Jekyll 创建自定义主页

documentation - 如何在Doxygen的 Markdown 文档之间链接?

github - 如何在 GitHub 上托管的 README.md 文件中显示 VSTS 构建徽章?

git - 如何将 readme.md 重命名为 README.md?

git - 为什么 git (bash) 会在我的新文件中插入一堆废话?

git rebase 导致特性分支丢失跟踪信息

git - cygwin git "Protocol "https“libcurl 不支持或禁用”

c# - 在 .NET 中将 Markdown 转换为 HTML

visual-studio - 解决方案根目录中的Visual Studio 2013 Pro README.md