如何在我的 github 博客上使用 markdown 制作流程图

Question

我最近在我的 github jekyll blog.Everything 上放了一些 posts 很好，除了我的 flowchart.I 曾经制作这样的流程图：

```flow
my content
```

但是当我预览post时，它无法显示为流程图。这在其他一些降价中没问题 editor.If 我想在我的 github 博客上制作流程图，我该怎么办？谢谢。

Answer 1

2022 年 2 月更新：正式支持美人鱼（Gist too）：

替代链接 17/02/2020：

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

GitHub Docs

中也有一个条目

与 Knut Sveidqvist and also the wider community at CommonMark, we’ve rolled out a change that will allow you to create graphs inline using Mermaid syntax 合作，例如：

2021 年 9 月更新：来自 GitHub tweet：

Need to add some ASCII art flow diagrams to your README or code comments?

YES → https://asciiflow.com (งツ)ว

这本身不是“降价”，使用“扩展 ASCII”，但它可以完成这项工作。

2016 年原始答案：GitHub Flavored Markdown (GFM) alone does not support flowcharts (as opposed of other markdown like mermaid). You can confirm it in this GFM editor.

使用一些 JavaScript 库来显示流程图会更好。

作为 by Jeremiah England，有：

一个github/markup issue 533, with a possible workaround
a feature request，其中还包括解决方法：
- 一个Chrome extension
- 一个GitHub Action

Answer 2

您可以使用以下 Jekyll plugin 来打印您的 Jekyll 博客中的流程图。

如何在我的 github 博客上使用 markdown 制作流程图

How do I make a flowchart using markdown on my github blog

github

markdown