链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

  • 项目

    • 项目

      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

一个简单的表格是这么创建的:

项目 Value
电脑 $1600
手机 $12
导管 $1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列 第二列 第三列
第一列文本居中 第二列文本居右 第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

TYPE ASCII HTML
Single backticks 'Isn't this fun?' ‘Isn’t this fun?’
Quotes "Isn't this fun?" “Isn’t this fun?”
Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash

创建一个自定义列表

Markdown
Text-to-HTML conversion tool
Authors
John
Luke

如何创建一个注脚

一个具有注脚的文本。1

注释也是必不可少的

Markdown将文本转换为 HTML

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n−1)!∀n∈N 是通过欧拉积分

Γ(z)=∫0∞tz−1e−tdt.\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能,丰富你的文章

Mon 06Mon 13Mon 20已完成 进行中 计划一 计划二 现有任务Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法,参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图:

#mermaid-svg-2D3yel6L4GcEL6nV .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-2D3yel6L4GcEL6nV .label text{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .node rect,#mermaid-svg-2D3yel6L4GcEL6nV .node circle,#mermaid-svg-2D3yel6L4GcEL6nV .node ellipse,#mermaid-svg-2D3yel6L4GcEL6nV .node polygon,#mermaid-svg-2D3yel6L4GcEL6nV .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-2D3yel6L4GcEL6nV .node .label{text-align:center;fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .node.clickable{cursor:pointer}#mermaid-svg-2D3yel6L4GcEL6nV .arrowheadPath{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-2D3yel6L4GcEL6nV .flowchart-link{stroke:#333;fill:none}#mermaid-svg-2D3yel6L4GcEL6nV .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-2D3yel6L4GcEL6nV .edgeLabel rect{opacity:0.9}#mermaid-svg-2D3yel6L4GcEL6nV .edgeLabel span{color:#333}#mermaid-svg-2D3yel6L4GcEL6nV .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-2D3yel6L4GcEL6nV .cluster text{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-2D3yel6L4GcEL6nV .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-2D3yel6L4GcEL6nV text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-2D3yel6L4GcEL6nV .actor-line{stroke:grey}#mermaid-svg-2D3yel6L4GcEL6nV .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-2D3yel6L4GcEL6nV .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-2D3yel6L4GcEL6nV #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-2D3yel6L4GcEL6nV .sequenceNumber{fill:#fff}#mermaid-svg-2D3yel6L4GcEL6nV #sequencenumber{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV #crosshead path{fill:#333;stroke:#333}#mermaid-svg-2D3yel6L4GcEL6nV .messageText{fill:#333;stroke:#333}#mermaid-svg-2D3yel6L4GcEL6nV .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-2D3yel6L4GcEL6nV .labelText,#mermaid-svg-2D3yel6L4GcEL6nV .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-2D3yel6L4GcEL6nV .loopText,#mermaid-svg-2D3yel6L4GcEL6nV .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-2D3yel6L4GcEL6nV .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-2D3yel6L4GcEL6nV .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-2D3yel6L4GcEL6nV .noteText,#mermaid-svg-2D3yel6L4GcEL6nV .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-2D3yel6L4GcEL6nV .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-2D3yel6L4GcEL6nV .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-2D3yel6L4GcEL6nV .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-2D3yel6L4GcEL6nV .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .section{stroke:none;opacity:0.2}#mermaid-svg-2D3yel6L4GcEL6nV .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-2D3yel6L4GcEL6nV .section2{fill:#fff400}#mermaid-svg-2D3yel6L4GcEL6nV .section1,#mermaid-svg-2D3yel6L4GcEL6nV .section3{fill:#fff;opacity:0.2}#mermaid-svg-2D3yel6L4GcEL6nV .sectionTitle0{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .sectionTitle1{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .sectionTitle2{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .sectionTitle3{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-2D3yel6L4GcEL6nV .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .grid path{stroke-width:0}#mermaid-svg-2D3yel6L4GcEL6nV .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-2D3yel6L4GcEL6nV .task{stroke-width:2}#mermaid-svg-2D3yel6L4GcEL6nV .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .taskText:not([font-size]){font-size:11px}#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-2D3yel6L4GcEL6nV .task.clickable{cursor:pointer}#mermaid-svg-2D3yel6L4GcEL6nV .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-2D3yel6L4GcEL6nV .taskText0,#mermaid-svg-2D3yel6L4GcEL6nV .taskText1,#mermaid-svg-2D3yel6L4GcEL6nV .taskText2,#mermaid-svg-2D3yel6L4GcEL6nV .taskText3{fill:#fff}#mermaid-svg-2D3yel6L4GcEL6nV .task0,#mermaid-svg-2D3yel6L4GcEL6nV .task1,#mermaid-svg-2D3yel6L4GcEL6nV .task2,#mermaid-svg-2D3yel6L4GcEL6nV .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutside0,#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutside2{fill:#000}#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutside1,#mermaid-svg-2D3yel6L4GcEL6nV .taskTextOutside3{fill:#000}#mermaid-svg-2D3yel6L4GcEL6nV .active0,#mermaid-svg-2D3yel6L4GcEL6nV .active1,#mermaid-svg-2D3yel6L4GcEL6nV .active2,#mermaid-svg-2D3yel6L4GcEL6nV .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-2D3yel6L4GcEL6nV .activeText0,#mermaid-svg-2D3yel6L4GcEL6nV .activeText1,#mermaid-svg-2D3yel6L4GcEL6nV .activeText2,#mermaid-svg-2D3yel6L4GcEL6nV .activeText3{fill:#000 !important}#mermaid-svg-2D3yel6L4GcEL6nV .done0,#mermaid-svg-2D3yel6L4GcEL6nV .done1,#mermaid-svg-2D3yel6L4GcEL6nV .done2,#mermaid-svg-2D3yel6L4GcEL6nV .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-2D3yel6L4GcEL6nV .doneText0,#mermaid-svg-2D3yel6L4GcEL6nV .doneText1,#mermaid-svg-2D3yel6L4GcEL6nV .doneText2,#mermaid-svg-2D3yel6L4GcEL6nV .doneText3{fill:#000 !important}#mermaid-svg-2D3yel6L4GcEL6nV .crit0,#mermaid-svg-2D3yel6L4GcEL6nV .crit1,#mermaid-svg-2D3yel6L4GcEL6nV .crit2,#mermaid-svg-2D3yel6L4GcEL6nV .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-2D3yel6L4GcEL6nV .activeCrit0,#mermaid-svg-2D3yel6L4GcEL6nV .activeCrit1,#mermaid-svg-2D3yel6L4GcEL6nV .activeCrit2,#mermaid-svg-2D3yel6L4GcEL6nV .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-2D3yel6L4GcEL6nV .doneCrit0,#mermaid-svg-2D3yel6L4GcEL6nV .doneCrit1,#mermaid-svg-2D3yel6L4GcEL6nV .doneCrit2,#mermaid-svg-2D3yel6L4GcEL6nV .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-2D3yel6L4GcEL6nV .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-2D3yel6L4GcEL6nV .milestoneText{font-style:italic}#mermaid-svg-2D3yel6L4GcEL6nV .doneCritText0,#mermaid-svg-2D3yel6L4GcEL6nV .doneCritText1,#mermaid-svg-2D3yel6L4GcEL6nV .doneCritText2,#mermaid-svg-2D3yel6L4GcEL6nV .doneCritText3{fill:#000 !important}#mermaid-svg-2D3yel6L4GcEL6nV .activeCritText0,#mermaid-svg-2D3yel6L4GcEL6nV .activeCritText1,#mermaid-svg-2D3yel6L4GcEL6nV .activeCritText2,#mermaid-svg-2D3yel6L4GcEL6nV .activeCritText3{fill:#000 !important}#mermaid-svg-2D3yel6L4GcEL6nV .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-2D3yel6L4GcEL6nV g.classGroup text .title{font-weight:bolder}#mermaid-svg-2D3yel6L4GcEL6nV g.clickable{cursor:pointer}#mermaid-svg-2D3yel6L4GcEL6nV g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-2D3yel6L4GcEL6nV g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-2D3yel6L4GcEL6nV .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-2D3yel6L4GcEL6nV .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-2D3yel6L4GcEL6nV .dashed-line{stroke-dasharray:3}#mermaid-svg-2D3yel6L4GcEL6nV #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV .commit-id,#mermaid-svg-2D3yel6L4GcEL6nV .commit-msg,#mermaid-svg-2D3yel6L4GcEL6nV .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-2D3yel6L4GcEL6nV g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-2D3yel6L4GcEL6nV g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-2D3yel6L4GcEL6nV g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-2D3yel6L4GcEL6nV .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-2D3yel6L4GcEL6nV .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-2D3yel6L4GcEL6nV .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-2D3yel6L4GcEL6nV .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-2D3yel6L4GcEL6nV .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-2D3yel6L4GcEL6nV .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-2D3yel6L4GcEL6nV .edgeLabel text{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2D3yel6L4GcEL6nV .node circle.state-start{fill:black;stroke:black}#mermaid-svg-2D3yel6L4GcEL6nV .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-2D3yel6L4GcEL6nV #statediagram-barbEnd{fill:#9370db}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-state .divider{stroke:#9370db}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-2D3yel6L4GcEL6nV .note-edge{stroke-dasharray:5}#mermaid-svg-2D3yel6L4GcEL6nV .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-2D3yel6L4GcEL6nV .error-icon{fill:#522}#mermaid-svg-2D3yel6L4GcEL6nV .error-text{fill:#522;stroke:#522}#mermaid-svg-2D3yel6L4GcEL6nV .edge-thickness-normal{stroke-width:2px}#mermaid-svg-2D3yel6L4GcEL6nV .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-2D3yel6L4GcEL6nV .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-2D3yel6L4GcEL6nV .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-2D3yel6L4GcEL6nV .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-2D3yel6L4GcEL6nV .marker{fill:#333}#mermaid-svg-2D3yel6L4GcEL6nV .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-2D3yel6L4GcEL6nV {color: rgba(0, 0, 0, 0.75);font: ;}张三李四王五你好!李四, 最近怎么样?你最近怎么样,王五?我很好,谢谢!我很好,谢谢!李四想了很长时间, 文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五

这将产生一个流程图。:

#mermaid-svg-9Navci1VZxSq5fZu .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-9Navci1VZxSq5fZu .label text{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .node rect,#mermaid-svg-9Navci1VZxSq5fZu .node circle,#mermaid-svg-9Navci1VZxSq5fZu .node ellipse,#mermaid-svg-9Navci1VZxSq5fZu .node polygon,#mermaid-svg-9Navci1VZxSq5fZu .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-9Navci1VZxSq5fZu .node .label{text-align:center;fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .node.clickable{cursor:pointer}#mermaid-svg-9Navci1VZxSq5fZu .arrowheadPath{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-9Navci1VZxSq5fZu .flowchart-link{stroke:#333;fill:none}#mermaid-svg-9Navci1VZxSq5fZu .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-9Navci1VZxSq5fZu .edgeLabel rect{opacity:0.9}#mermaid-svg-9Navci1VZxSq5fZu .edgeLabel span{color:#333}#mermaid-svg-9Navci1VZxSq5fZu .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-9Navci1VZxSq5fZu .cluster text{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-9Navci1VZxSq5fZu .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-9Navci1VZxSq5fZu text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-9Navci1VZxSq5fZu .actor-line{stroke:grey}#mermaid-svg-9Navci1VZxSq5fZu .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-9Navci1VZxSq5fZu .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-9Navci1VZxSq5fZu #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-9Navci1VZxSq5fZu .sequenceNumber{fill:#fff}#mermaid-svg-9Navci1VZxSq5fZu #sequencenumber{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu #crosshead path{fill:#333;stroke:#333}#mermaid-svg-9Navci1VZxSq5fZu .messageText{fill:#333;stroke:#333}#mermaid-svg-9Navci1VZxSq5fZu .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-9Navci1VZxSq5fZu .labelText,#mermaid-svg-9Navci1VZxSq5fZu .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-9Navci1VZxSq5fZu .loopText,#mermaid-svg-9Navci1VZxSq5fZu .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-9Navci1VZxSq5fZu .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-9Navci1VZxSq5fZu .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-9Navci1VZxSq5fZu .noteText,#mermaid-svg-9Navci1VZxSq5fZu .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-9Navci1VZxSq5fZu .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-9Navci1VZxSq5fZu .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-9Navci1VZxSq5fZu .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-9Navci1VZxSq5fZu .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .section{stroke:none;opacity:0.2}#mermaid-svg-9Navci1VZxSq5fZu .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-9Navci1VZxSq5fZu .section2{fill:#fff400}#mermaid-svg-9Navci1VZxSq5fZu .section1,#mermaid-svg-9Navci1VZxSq5fZu .section3{fill:#fff;opacity:0.2}#mermaid-svg-9Navci1VZxSq5fZu .sectionTitle0{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .sectionTitle1{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .sectionTitle2{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .sectionTitle3{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-9Navci1VZxSq5fZu .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .grid path{stroke-width:0}#mermaid-svg-9Navci1VZxSq5fZu .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-9Navci1VZxSq5fZu .task{stroke-width:2}#mermaid-svg-9Navci1VZxSq5fZu .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .taskText:not([font-size]){font-size:11px}#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-9Navci1VZxSq5fZu .task.clickable{cursor:pointer}#mermaid-svg-9Navci1VZxSq5fZu .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-9Navci1VZxSq5fZu .taskText0,#mermaid-svg-9Navci1VZxSq5fZu .taskText1,#mermaid-svg-9Navci1VZxSq5fZu .taskText2,#mermaid-svg-9Navci1VZxSq5fZu .taskText3{fill:#fff}#mermaid-svg-9Navci1VZxSq5fZu .task0,#mermaid-svg-9Navci1VZxSq5fZu .task1,#mermaid-svg-9Navci1VZxSq5fZu .task2,#mermaid-svg-9Navci1VZxSq5fZu .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutside0,#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutside2{fill:#000}#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutside1,#mermaid-svg-9Navci1VZxSq5fZu .taskTextOutside3{fill:#000}#mermaid-svg-9Navci1VZxSq5fZu .active0,#mermaid-svg-9Navci1VZxSq5fZu .active1,#mermaid-svg-9Navci1VZxSq5fZu .active2,#mermaid-svg-9Navci1VZxSq5fZu .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-9Navci1VZxSq5fZu .activeText0,#mermaid-svg-9Navci1VZxSq5fZu .activeText1,#mermaid-svg-9Navci1VZxSq5fZu .activeText2,#mermaid-svg-9Navci1VZxSq5fZu .activeText3{fill:#000 !important}#mermaid-svg-9Navci1VZxSq5fZu .done0,#mermaid-svg-9Navci1VZxSq5fZu .done1,#mermaid-svg-9Navci1VZxSq5fZu .done2,#mermaid-svg-9Navci1VZxSq5fZu .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-9Navci1VZxSq5fZu .doneText0,#mermaid-svg-9Navci1VZxSq5fZu .doneText1,#mermaid-svg-9Navci1VZxSq5fZu .doneText2,#mermaid-svg-9Navci1VZxSq5fZu .doneText3{fill:#000 !important}#mermaid-svg-9Navci1VZxSq5fZu .crit0,#mermaid-svg-9Navci1VZxSq5fZu .crit1,#mermaid-svg-9Navci1VZxSq5fZu .crit2,#mermaid-svg-9Navci1VZxSq5fZu .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-9Navci1VZxSq5fZu .activeCrit0,#mermaid-svg-9Navci1VZxSq5fZu .activeCrit1,#mermaid-svg-9Navci1VZxSq5fZu .activeCrit2,#mermaid-svg-9Navci1VZxSq5fZu .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-9Navci1VZxSq5fZu .doneCrit0,#mermaid-svg-9Navci1VZxSq5fZu .doneCrit1,#mermaid-svg-9Navci1VZxSq5fZu .doneCrit2,#mermaid-svg-9Navci1VZxSq5fZu .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-9Navci1VZxSq5fZu .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-9Navci1VZxSq5fZu .milestoneText{font-style:italic}#mermaid-svg-9Navci1VZxSq5fZu .doneCritText0,#mermaid-svg-9Navci1VZxSq5fZu .doneCritText1,#mermaid-svg-9Navci1VZxSq5fZu .doneCritText2,#mermaid-svg-9Navci1VZxSq5fZu .doneCritText3{fill:#000 !important}#mermaid-svg-9Navci1VZxSq5fZu .activeCritText0,#mermaid-svg-9Navci1VZxSq5fZu .activeCritText1,#mermaid-svg-9Navci1VZxSq5fZu .activeCritText2,#mermaid-svg-9Navci1VZxSq5fZu .activeCritText3{fill:#000 !important}#mermaid-svg-9Navci1VZxSq5fZu .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-9Navci1VZxSq5fZu g.classGroup text .title{font-weight:bolder}#mermaid-svg-9Navci1VZxSq5fZu g.clickable{cursor:pointer}#mermaid-svg-9Navci1VZxSq5fZu g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-9Navci1VZxSq5fZu g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-9Navci1VZxSq5fZu .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-9Navci1VZxSq5fZu .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-9Navci1VZxSq5fZu .dashed-line{stroke-dasharray:3}#mermaid-svg-9Navci1VZxSq5fZu #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu .commit-id,#mermaid-svg-9Navci1VZxSq5fZu .commit-msg,#mermaid-svg-9Navci1VZxSq5fZu .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-9Navci1VZxSq5fZu g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-9Navci1VZxSq5fZu g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-9Navci1VZxSq5fZu g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-9Navci1VZxSq5fZu .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-9Navci1VZxSq5fZu .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-9Navci1VZxSq5fZu .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-9Navci1VZxSq5fZu .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-9Navci1VZxSq5fZu .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-9Navci1VZxSq5fZu .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-9Navci1VZxSq5fZu .edgeLabel text{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-9Navci1VZxSq5fZu .node circle.state-start{fill:black;stroke:black}#mermaid-svg-9Navci1VZxSq5fZu .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-9Navci1VZxSq5fZu #statediagram-barbEnd{fill:#9370db}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-state .divider{stroke:#9370db}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-9Navci1VZxSq5fZu .note-edge{stroke-dasharray:5}#mermaid-svg-9Navci1VZxSq5fZu .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-9Navci1VZxSq5fZu .error-icon{fill:#522}#mermaid-svg-9Navci1VZxSq5fZu .error-text{fill:#522;stroke:#522}#mermaid-svg-9Navci1VZxSq5fZu .edge-thickness-normal{stroke-width:2px}#mermaid-svg-9Navci1VZxSq5fZu .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-9Navci1VZxSq5fZu .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-9Navci1VZxSq5fZu .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-9Navci1VZxSq5fZu .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-9Navci1VZxSq5fZu .marker{fill:#333}#mermaid-svg-9Navci1VZxSq5fZu .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-9Navci1VZxSq5fZu {color: rgba(0, 0, 0, 0.75);font: ;}

链接
长方形
圆角长方形
菱形
  • 关于 Mermaid 语法,参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图:

Created with Raphaël 2.2.0开始我的操作确认?结束yesno
  • 关于 Flowchart流程图 语法,参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。


  1. 注脚的解释 ↩︎

中国农村统计年鉴下载链接相关推荐

  1. (1)1999~2021 年中国城市统计年鉴面板数据(含地级市面板、县级市面板和主要指标)(2)香港统计年刊(3)第一到第七次的人口普查数据(4)全国省市县-五六七普人口数据(5)国际统计年鉴

    (1)1999-2021 年中国城市统计年鉴面板数据(含地级市面板.县级市面板和主要指标) (2)香港统计年刊 (3)第一到第七次的人口普查数据 (4)全国省市县-五六七普人口数据 (5)国际统计年鉴 ...

  2. 【报告分享】2022年中国商业十大热点展望.pdf(附下载链接)

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 大家好,我是文文(微信号:sscbg2020),今天给大家分享冯氏集团和中国商业联合会联合发布的报告<20 ...

  3. vs2010下载链接中国简体(中国含msdn)

    昨天一个朋友说vs2010中国版可下载,我开始不相信.只是周末.所以,我下载一试 果然,安装了中国版,原本msdn订户才能够下载,感谢朋友们上传. 文件名 cn_visual_studio_2010_ ...

  4. 【白皮书分享】2021中国数字经济时代人工智能生态白皮书.pdf(附下载链接)...

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 [免费下载]2022年2月份热门报告盘点 [报告分享]2021-2022元宇宙报告.pdf 2022年私域运营机 ...

  5. 【报告分享】2021-2022年中国人工智能创投数据报告.pdf(附下载链接)

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 [免费下载]2022年2月份热门报告盘点 [报告分享]2021-2022元宇宙报告.pdf 2022年私域运营机 ...

  6. 【报告分享】中国年轻用户电商消费洞察报告:寻找电商换道增长机遇.pdf(附下载链接)...

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 [免费下载]2022年1月份热门报告盘点[报告分享]2021-2022元宇宙报告.pdf2022抖音电商新品牌成 ...

  7. 【报告分享】2021中国数字化全景图谱与创新企业研究报告:数字浪潮下的创新力量.pdf(附下载链接)...

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 [免费下载]2022年2月份热门报告盘点 [报告分享]2021-2022元宇宙报告.pdf 2022年私域运营机 ...

  8. 【报告分享】2022中国品牌出海模式洞察及趋势情况报告.pdf(附下载链接)

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 [免费下载]2022年2月份热门报告盘点 DTC模式如何引领消费品牌企业实现创新.pdf 2022全面数字化发展 ...

  9. 【报告分享】2021年度中国计算机视觉人才调研报告-德勤.pdf(附下载链接)

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 [免费下载]2022年2月份热门报告盘点 2022年中国人工智能人才培养报告.pdf 2021中国AI商业落地市 ...

  10. 【白皮书分享】2022年中国品质直播选型与应用白皮书.pdf(附下载链接)

    省时查报告-专业.及时.全面的行研报告库 省时查方案-专业.及时.全面的营销策划方案库 如果你想参与元宇宙,应该采取怎样的策略? 清华大学:元宇宙发展研究报告2.0版.pdf 北京大学:2022年元宇 ...

最新文章

  1. thinkpad 61系机器(T61 X61/X61S R61)休眠掉电问题解决办法
  2. Java笔记14:泛型初探
  3. 3.20周记:栈和队列
  4. joomla建站-双语CMS系统开发的实现
  5. Redis数据库(二)——数据类型
  6. 电脑常见问题_电脑常见问题解决方法(二)
  7. Android 开发笔记 ProgressDialog的Back健关闭
  8. Practise 5.2测试与封装(黑白盒
  9. linux虚拟机中如何复制粘贴内容到主机
  10. linux安装打字软件
  11. 单引号、双引号、三引号用法
  12. 飞凌linux ip修改,linux下面建立GPRS无线MODEM拨号的方法
  13. APP设计:(一)app界面常用设计规范
  14. 功不唐捐—— 程序员职场第一课 后记
  15. 身在北京,都有故事:九位北漂的心酸故事,只有经历过才有体会!
  16. oracle导出辅助账明细,AO2011导入国库集中支付系统3.0的辅助账
  17. IDEA 打包没有main class (非maven)
  18. 去掉Holo主题下Dialog的蓝色线
  19. 12件可能改变未来大事:人造生命到致命病毒
  20. ssh免密码登录配置方法,(图示加命令)

热门文章

  1. maven配置阿里仓库
  2. Spring Cloud教程合集
  3. java将html转为word文档,java html转换为word文档
  4. Mac M1版电脑安装ps、pr
  5. pgadmin4 如何改成中文版
  6. js获取当前日期yyyymmdd
  7. java拆分pdf_itextpdf拆分pdf问题
  8. 半导体物理实验MatLab,Matlab在固体物理中的应用程序.doc
  9. Linux下怎么刷显卡bios,nvidia显卡如何刷bios?nvidia显卡刷bios教程
  10. 无人机设计过程中的计算和假设