相关疑难解决方法(0)

我希望通过简单的提交和推送在 GitHub 页面中使用美人鱼。

换句话说，我希望像这样写在我的降价文件中

```mermaid
graph LR
   A --> B
   A -->C
   C -->D
``` 

并在我的 _layouts/post.html 上添加一些 js 以某种方式将其转换为美人鱼图。

我发现这个主题声称它支持这样的事情。但是这个主题对我来说太重了，js太多了，所以我想我只能使用这个文件，这简直就是

<script>
 window.Lazyload.js('{{ _sources.mermaid }}', function() {
   mermaid.initialize({
     startOnLoad: true
   });
   mermaid.init(undefined, '.language-mermaid');
 });
</script>

在我的 _include/mermaid.html 中，我替换{{ _sources.mermaid }}为 mermaid cdn

<script>
 window.Lazyload.js('https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js', function() {
   mermaid.initialize({
     startOnLoad: true
   });
   mermaid.init(undefined, '.language-mermaid');
 });
</script>

它仍然不起作用。在我的帖子中，它显示为常规代码块，而不是美人鱼图。

编辑：在 chrome 开发人员看来，我没有看到与链接建立的任何连接https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js。

我尝试了这段代码，network在开发人员视图中连接到标记中的美人鱼，但美人鱼图仍然不起作用

<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js"></script>
<script>
var config = {
    startOnReady:true,
    theme: 'forest',
    flowchart:{ …

我正在尝试使用美人鱼在markdown文件中呈现流程图。我的GitHub存储库中有一个ReadMe.md文件，并且我想提供一个基本流程图来帮助描述内容。但是我不知道如何使它工作。有人能够发布一些更具体的说明，以呈现一个简单的示例吗？

在此链接（https://unpkg.com/mermaid@8.0.0-rc.8/README.md）中，有一个有关Mermaid安装的示例代码片段：

    ```
    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。但是，当我查看代码时，它实际上是流程图的图片，而不是代码的呈现。所以也许我要问的是不可能的？

将不胜感激！