mermaid画图语法

Markdown画图(mermaid)学习

简介目前博客园支持mermaid的graph,subgraph,sequenceDiagram,gantt,classDiagram mermaid(美人鱼), 是一个类似markdown,用文本语法来描述文档图形的工具.mermaid语法包含在博客园markdown中. 注释为: %% 注释插入为:(以下的例如只列举代码) ```mermaid 代码 ``` 或 <body> <div class="mermaid"> 代码 </div> &l

使用Mermaid画图

流程图的示例时序图的示例甘特图的示例 FAQ 很多时候,你想解释自己的想法/代码,但是用语言来表达会很啰嗦,并且读者也不易理解.一般这种情况下,我们都会想使用图解来解释.但是,我们也不会想下载那些繁重的工具,比如Visio. Mermaid 是一个用来画流程图,甘特图等图形的工具.它是一个Javascript库,但是它也是一种语言,一种类似markdown的语言. 任何时候,你想要测试Mermaid语法,都可以使用这个在线编辑器. 流程图的示例 graph TD A --> B A -->

Markdown温故知新(3)：六个实用扩展语法

目录 1.表格(Table) 2.待办事项或清单(To Do List) 3.自动目录 TOC 4.流程图 5.时序图 6.甘特图 7.总结 1.表格(Table) 没用过 Markdown 表格的人,乍一看会觉得表格很复杂,其实是因为表格中包含了很多内容,尽管看上去密密麻麻的一片,但其语法规则却特别简单. 我们可以把表格拆成两部分来看,表头和数据行,表头就一行,而数据行可以有很多行.在 Markdown 中,表头和数据行的写法是一样的,都是在列之间加竖线.为了区分表头和数据行,需要在二者之间加

markdown syntax

Markdown 语法转载自https://zh.mweb.im/markdown.html 首先应该了解的每一个 Markdwon 使用者都应该了解的,是 Markdown 最基本的版本,也就是最官方的版本.它是如何创造出来的?它的设计哲学和语法是什么?如果你没看过,建议一定要看看这篇:Markdown 語法官方說明繁體中文版 . MWeb 采用的语法是 Github Flavored Markdown 语法,简称 GFM 语法,GFM 是官网版本的扩展版,除了支持官方的语法外,还支持表格

aha

欢迎使用 MWeb MWeb 是专业的 Markdown 写作.记笔记.静态博客生成软件,目前已支持 Mac,iPad 和 iPhone.MWeb 有以下特色: 软件本身: 使用原生的 macOS 技术打造,追求与系统的完美结合. 原则上,首先是追求界面简洁和高性能,然后才是强大易用,功能全面. Markdown 语法: 使用 GitHub Flavored Markdown 语法,简称 GFM 语法. 支持表格.TOC.LaTeX.代码块.任务列表.脚注等. 画图库支持 mermaid, vi

UML建模语言、设计原则、设计模式

1.UML统一建模语言定义:用于软件系统设计与分析的语言工具目的:帮助开发人员更好的梳理逻辑.思路学习地址:UML概述_w3cschool 官网:https://www.omg.org/spec/UML 1.1.UML组成结构 flowchart TD; UML图 --> 结构图 & 行为图; 结构图 --> 剖面图 & 包图 & 复合结构 & 对象图 & 类图 & 组件图 & 部署图行为图 --> 交互图 & 活动

在Ubuntu 14.04 64bit上安装Markdown和绘图软件Haroopad

简介 Haroopad:一款让你欲罢不能的Markdown编辑器身为大程序员,我本来是不需要 Markdown 编辑器的,但是 Haroopad 让我简直欲罢不能,不能再爱更多.跨平台,代码高亮,Vim 键绑定,多列模式,行号,折叠, Github Flavored Markdown 等功能~ 其实它最吸引我的是它的所见即所得的绘图功能. 安装方法下面是在Ubuntu 14.04 64bit上的安装实录. 从官网下载x86的deb包,双击安装即可安装完成后,从Unity中输入Haroopa

基础的python数据分析

1. 单行注释 #print("hello word;") 2. 多行注释 ''' print("hello word;") print("hello word;") ''' 3. Tab键表示分层 s1='I\'am a boy.' #可以使用转义字符\ print(s1) print(1>2) print(15//2) #15除以2的整数 print(15%2) #15除以2的余数 s2=abs(-27) #绝对值 print(s2)

Markdown插入图表

链接:https://www.jianshu.com/p/3cf83d22dd3d Markdown图表语法本文介绍如何用Markdown的mermaid等语法插入时序图.流程图.甘特图如果是想学习Markdown基本语法,请看:系统学习GitHub Flavored Markdown(GFM) 如果想学习如何在Markdown中输入数学符号和公式,请看:小白入门LaTex编写数学公式内容整合了: 印象笔记 Markdown 入门指南 [进阶版]有道云笔记Markdown指南 markdo

mermaid 语法

a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover { outline: 0; } a:active { outline: 0; } a:hover { color: #005580 !important; text-decoration: underline !important; } blockquote small:b

画图前端：mermaid。时序图/类图/甘特图/流程图/状态图/饼图。类似工具:Typora

文档 https://mermaidjs.github.io/#/ cdn https://www.bootcdn.cn/mermaid/ 在线编辑 https://mermaidjs.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVERcbkFbQ2hyaXN0bWFzXSAtLT58R2V0IG1vbmV5fCBCKEdvIHNob3BwaW5nKVxuQiAtLT4gQ3tMZXQgbWUgdGhpbmt9XG5DIC0t

Markdown中使用mermaid画流程图

markdown绘图插件----mermaid简介

作者:黄永刚 mermaid简介当撰写文档的时候,对于流程图的生成大多使用Visio等繁重的工具,没有一种轻便的工具能够画图从而简化文档的编写,就像markdown那样. mermaid解决这个痛点,这是一个类似markdown语法的脚本语言,通过JavaScript实现图表的生成. 先来看个例子: 1.流程图(flowchart) graph LR; A-->B; A-->C; B-->D; C-->D; 生成的图表如下所示: 2. 时序图(sequence diagram)

Markdown语法说明及测试一览表

标题: Markdown语法说明及测试一览表作者: 梦幻之心星 347369787@QQ.com 标签: [Markdown, Typora, Markdown_Nice, CSS] 目录: [Markdown] 日期: 2020-6-3 版本:V1.1 目录 Markdown 注意事项 Markdown 目录 Markdown 代码行内代码代码区块1:段落内的代码块代码区块2:段落外的代码块 Markdown 标题 Markdown 注意事项嵌套:一般在对象的行首放置4个空格或1个制

基于 Cmd MarkDown 的 markdown 语法学习

首先我要打一个属于干货的广告:CmdMarkDown 是非常好用的markdown编辑器软件,支持全平台,由作业部落出品,分为客户端与WEB端两种使用场景. 本篇博客学习的markdown语法都是基于 CmdMarkDown 这个编辑器. 1. 标题 # ## ### ... ####### H1 ~ H6 2. 文字引用 > 引用内容1 > 引用内容2 > 引用内容3 3. 强调文本 **strong - 加粗强调 ** * em - 倾斜强调 * 4. 分隔线 --- 5. 超链接

matlab画图函数plot()/set/legend

简单plot()/legend/XY轴范围axis 除了坐标轴信息外还可以添加其它的信息,如所画曲线的信息等:测试代码如下 x=0:pi/20:2*pi; y1=sin(x); y2=cos(x); plot(x,y1,x,y2); grid on xlabel('变量 X') ylabel('变量 Y1 & Y2') title('正弦余弦波形') %添加图像标题 text(1.5,0.3,'cos(x)') %将cosx这个注解加到坐标中的某个位置 gtext('sin(x)'

Markdown基本语法

Markdown 基本语法记录 # 欢迎使用 Cmd Markdown 编辑阅读器 ------ 我们理解您需要更便捷更高效的工具记录思想,整理笔记.知识,并将其中承载的价值传播给他人,**Cmd Markdown** 是我们给出的答案 -- 我们为记录思想和分享知识提供更专业的工具. 您可以使用 Cmd Markdown: > * 整理知识,学习笔记 > * 发布日记,杂文,所见所想 > * 撰写发布技术文稿(代码支持) > * 撰写发布学术论文(LaTeX 公式支持) ![cm

画图解释SQL联合语句

画图解释SQL联合语句 http://blog.jobbole.com/40443/ 我认为 Ligaya Turmelle 的关于SQL联合(join)语句的帖子对于新手开发者来说是份很好的材料.SQL 联合语句好像是基于集合的,用韦恩图来解释咋一看是很自然而然的.不过正如在她的帖子的回复中所说的,在测试中我发现韦恩图并不是十分的匹配SQL联合语法. 不过我还是喜欢这个观点,所以我们来看看能不能用上韦恩图.假设我们有下面两张表.表A在左边,表B在右边.我们给它们各四条记录. 1 2 3 4 5

转：画图解释 SQL join 语句

画图解释 SQL join 语句我认为 Ligaya Turmelle 的关于SQL联合(join)语句的帖子对于新手开发者来说是份很好的材料.SQL 联合语句好像是基于集合的,用韦恩图来解释咋一看是很自然而然的.不过正如在她的帖子的回复中所说的,在测试中我发现韦恩图并不是十分的匹配SQL联合语法. 不过我还是喜欢这个观点,所以我们来看看能不能用上韦恩图.假设我们有下面两张表.表A在左边,表B在右边.我们给它们各四条记录. 1 2 3 4 5 6 id name id name

【转】使用Sublime + PlantUML高效地画图

project: blog status: publish target: how-to-use-sublime-and-plant-uml-draw-diagram.md date: 2015-12-17 tags: sublime, PlantUML, UML, diagram categories: - UML 转自: http://www.jianshu.com/p/e92a52770832 (侵立删) 程序员难免要经常画流程图,状态图,时序图等.以前经常用 visio 画,经常为矩形画

巴特西