blocks|key|2000777|text|更新9月2021年:来自GitHub+tweet|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2000778|2000779|需要在您的自述文件或代码注释中添加一些ASCII艺术流程图吗？|blockquote|2000780|2000781|YES+https://asciiflow.com→(งツ)ว|2000782|2000783|​|2000784|📷|atomic|2000785|2000786|这不是"markdown“本身，使用”扩展ASCII"，但它可以做这项工作。|2000787|2000788|原始答案2016：GitHub+Flavored+Markdown+(GFM)本身不支持流程图(而不是像mermaid这样的其他标记)。您可以在此GFM+editor中进行确认。|2000789|使用一些JavaScript库来显示流程图会更好地服务于您。|2000790|作为Jeremiah+England的commented+below，有以下几点：|2000791|带possible+workaround的|2000792|a+github/markup+issue+533|unordered-list-item|style|CODE|2000793|2000794|还包括workarounds:的|2000795|a+feature+request|2000796|2000797|-+a+[Chrome+extension](https://github.com/BackMarket/github-mermaid-extension)
-+a+[GitHub+Action](https://github.com/neenjaw/mermaid-markdown-test)|code-block|syntax|javascript|2000798|entityMap|0|LINK|mutability|MUTABLE|url|https://twitter.com/github/status/1441378096096051200|1|https://asciiflow.com/|2|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/11032459e05bdbf12b8a1005084f2d98.gif|imageAlt|3|https://help.github.com/articles/github-flavored-markdown/|4|https://github.com/mermaid-js/mermaid|5|https://jbt.github.io/markdown-editor|6|https://stackoverflow.com/users/9849440/jeremiah-england|7|https://stackoverflow.com/questions/34836305/how-do-i-make-a-flowchart-using-markdown-on-my-github-blog/34836640#comment106440601_34836640|8|https://github.com/github/markup/issues/533#issuecomment-372833846|9|https://github.com/github/markup/issues/533|10|https://github.community/t5/How-to-use-Git-and-GitHub/Feature-Request-Support-Mermaid-markdown-graph-diagrams-in-md/td-p/21967^0|C|C|0|0|0|0|0|4|L|1|0|0|0|0|1|2|0|0|0|0|9|U|3|1G|7|4|21|A|5|0|0|2|G|6|J|F|7|0|1|J|8|0|2|D|2|N|9|0|0|0|2|F|A|0|0|0^^$0|@$1|2|3|4|5|6|7|2E|8|@]|9|@$A|2F|B|2G|1|2H]]|C|$]]|$1|D|3|-4|5|6|7|2I|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|2J|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|2K|8|@]|9|@]|C|$]]|$1|I|3|J|5|6|7|2L|8|@]|9|@$A|2M|B|2N|1|2O]]|C|$]]|$1|K|3|-4|5|6|7|2P|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|2Q|8|@]|9|@]|C|$]]|$1|N|3|O|5|P|7|2R|8|@]|9|@$A|2S|B|2T|1|2U]]|C|$]]|$1|Q|3|M|5|6|7|2V|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|2W|8|@]|9|@]|C|$]]|$1|T|3|-4|5|6|7|2X|8|@]|9|@]|C|$]]|$1|U|3|V|5|6|7|2Y|8|@]|9|@$A|2Z|B|30|1|31]|$A|32|B|33|1|34]|$A|35|B|36|1|37]]|C|$]]|$1|W|3|X|5|6|7|38|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|6|7|39|8|@]|9|@$A|3A|B|3B|1|3C]|$A|3D|B|3E|1|3F]]|C|$]]|$1|10|3|11|5|6|7|3G|8|@]|9|@$A|3H|B|3I|1|3J]]|C|$]]|$1|12|3|13|5|14|7|3K|8|@$A|3L|B|3M|15|16]]|9|@$A|3N|B|3O|1|3P]]|C|$]]|$1|17|3|-4|5|6|7|3Q|8|@]|9|@]|C|$]]|$1|18|3|19|5|6|7|3R|8|@]|9|@]|C|$]]|$1|1A|3|1B|5|14|7|3S|8|@]|9|@$A|3T|B|3U|1|3V]]|C|$]]|$1|1C|3|-4|5|6|7|3W|8|@]|9|@]|C|$]]|$1|1D|3|1E|5|1F|7|3X|8|@]|9|@]|C|$1G|1H]]|$1|1I|3|-4|5|6|7|3Y|8|@]|9|@]|C|$]]]|1J|$1K|$5|1L|1M|1N|C|$1O|1P]]|1Q|$5|1L|1M|1N|C|$1O|1R]]|1S|$5|1T|1M|1U|C|$1V|1W|1X|-4]]|1Y|$5|1L|1M|1N|C|$1O|1Z]]|20|$5|1L|1M|1N|C|$1O|21]]|22|$5|1L|1M|1N|C|$1O|23]]|24|$5|1L|1M|1N|C|$1O|25]]|26|$5|1L|1M|1N|C|$1O|27]]|28|$5|1L|1M|1N|C|$1O|29]]|2A|$5|1L|1M|1N|C|$1O|2B]]|2C|$5|1L|1M|1N|C|$1O|2D]]]]

Update Sept. 2021: from <a href="https://twitter.com/github/status/1441378096096051200" rel="noreferrer">GitHub tweet</a>:
<blockquote>
Need to add some ASCII art flow diagrams to your README or code comments?
YES → <a href="https://asciiflow.com" rel="noreferrer">https://asciiflow.com</a> (งツ)ว
</blockquote>
<a href="https://i.stack.imgur.com/CXVdi.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/CXVdi.gif" alt="flowchart" /></a>
This is not &quot;markdown&quot; per se, using &quot;extended ASCII&quot;, but it can do the job.
<hr />
Original answer 2016: The <a href="https://help.github.com/articles/github-flavored-markdown/" rel="noreferrer">GitHub Flavored Markdown (GFM)</a> alone does not support flowcharts (as opposed of other markdown like <a href="https://github.com/mermaid-js/mermaid" rel="noreferrer">mermaid</a>). You can confirm it in this <a href="https://jbt.github.io/markdown-editor" rel="noreferrer">GFM editor</a>.
You would be better served by using some JavaScript library to display flowcharts.
As <a href="https://stackoverflow.com/questions/34836305/how-do-i-make-a-flowchart-using-markdown-on-my-github-blog/34836640#comment106440601_34836640">commented below</a> by <a href="https://stackoverflow.com/users/9849440/jeremiah-england">Jeremiah England</a>, there is:
<ul>
<li>a <a href="https://github.com/github/markup/issues/533" rel="noreferrer"><code>github/markup</code> issue 533</a>, with a <a href="https://github.com/github/markup/issues/533#issuecomment-372833846" rel="noreferrer">possible workaround</a>
</li>
<li>a <a href="https://github.community/t5/How-to-use-Git-and-GitHub/Feature-Request-Support-Mermaid-markdown-graph-diagrams-in-md/td-p/21967" rel="noreferrer">feature request</a>, which also includes workarounds:
<ul>
<li>a <a href="https://github.com/BackMarket/github-mermaid-extension" rel="noreferrer">Chrome extension</a></li>
<li>a <a href="https://github.com/neenjaw/mermaid-markdown-test" rel="noreferrer">GitHub Action</a></li>
</ul>
</li>
</ul>

blocks|key|5114968|text|您可以使用以下Jekyll+plugin在您的Jekyll博客中打印流程图。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5114969|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jasonbellamy/jekyll-mermaid^0|E|6|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can use the following Jekyll <a href="https://github.com/jasonbellamy/jekyll-mermaid" rel="nofollow noreferrer">plugin</a> in order to print the flowchart in your Jekyll blog.

I recently put some posts on my github jekyll blog.Everything is fine,except my flowchart.I used to make flowchart like this:

<pre><code>```flow
my content
```
</code></pre>

but when I preview the post,It can't display as a flowchart.
This is Ok in some other markdown editor.If I want to make flowchart on my github blog,what can I do?Thanks.

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

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我最近在我的github jekyll blog.Everything上贴了一些帖子，除了我的流程图，我以前做的流程图是这样的：```flow我的内容但是当我预览帖子时，它不能以流程图的形式显示出来。我想在我的github博客上制作流程图，我能做些什么呢?谢谢。这在其他一些标记editor.If中也是可以的。

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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