笨蛋输出字符减30h忘了吧
欢迎使用Markdown编辑器
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:
- 全新的界面设计 ,将会带来全新的写作体验;
- 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
- 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
- 全新的 KaTeX数学公式 语法;
- 增加了支持甘特图的mermaid语法1 功能;
- 增加了 多屏幕编辑 Markdown文章功能;
- 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
- 增加了 检查列表 功能。
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Ctrl/Command + F
替换:Ctrl/Command + G
合理的创建标题,有助于目录的生成
直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,我们支持6级标题。有助于使用TOC
语法后生成一个完美的目录。
如何改变文本的样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024.
插入链接与图片
链接: link.
图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片
.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目1
- 项目2
- 项目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
如何创建一个注脚
一个具有注脚的文本。2
注释也是必不可少的
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-sE8u05mRMfRtyXJ9 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .label text{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .node rect,#mermaid-svg-sE8u05mRMfRtyXJ9 .node circle,#mermaid-svg-sE8u05mRMfRtyXJ9 .node ellipse,#mermaid-svg-sE8u05mRMfRtyXJ9 .node polygon,#mermaid-svg-sE8u05mRMfRtyXJ9 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-sE8u05mRMfRtyXJ9 .node .label{text-align:center;fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .node.clickable{cursor:pointer}#mermaid-svg-sE8u05mRMfRtyXJ9 .arrowheadPath{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-sE8u05mRMfRtyXJ9 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-sE8u05mRMfRtyXJ9 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-sE8u05mRMfRtyXJ9 .edgeLabel rect{opacity:0.9}#mermaid-svg-sE8u05mRMfRtyXJ9 .edgeLabel span{color:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-sE8u05mRMfRtyXJ9 .cluster text{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 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-sE8u05mRMfRtyXJ9 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-sE8u05mRMfRtyXJ9 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-sE8u05mRMfRtyXJ9 .actor-line{stroke:grey}#mermaid-svg-sE8u05mRMfRtyXJ9 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .sequenceNumber{fill:#fff}#mermaid-svg-sE8u05mRMfRtyXJ9 #sequencenumber{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .messageText{fill:#333;stroke:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-sE8u05mRMfRtyXJ9 .labelText,#mermaid-svg-sE8u05mRMfRtyXJ9 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-sE8u05mRMfRtyXJ9 .loopText,#mermaid-svg-sE8u05mRMfRtyXJ9 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-sE8u05mRMfRtyXJ9 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-sE8u05mRMfRtyXJ9 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-sE8u05mRMfRtyXJ9 .noteText,#mermaid-svg-sE8u05mRMfRtyXJ9 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-sE8u05mRMfRtyXJ9 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-sE8u05mRMfRtyXJ9 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-sE8u05mRMfRtyXJ9 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-sE8u05mRMfRtyXJ9 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .section{stroke:none;opacity:0.2}#mermaid-svg-sE8u05mRMfRtyXJ9 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-sE8u05mRMfRtyXJ9 .section2{fill:#fff400}#mermaid-svg-sE8u05mRMfRtyXJ9 .section1,#mermaid-svg-sE8u05mRMfRtyXJ9 .section3{fill:#fff;opacity:0.2}#mermaid-svg-sE8u05mRMfRtyXJ9 .sectionTitle0{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .sectionTitle1{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .sectionTitle2{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .sectionTitle3{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-sE8u05mRMfRtyXJ9 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .grid path{stroke-width:0}#mermaid-svg-sE8u05mRMfRtyXJ9 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-sE8u05mRMfRtyXJ9 .task{stroke-width:2}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskText:not([font-size]){font-size:11px}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-sE8u05mRMfRtyXJ9 .task.clickable{cursor:pointer}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskText0,#mermaid-svg-sE8u05mRMfRtyXJ9 .taskText1,#mermaid-svg-sE8u05mRMfRtyXJ9 .taskText2,#mermaid-svg-sE8u05mRMfRtyXJ9 .taskText3{fill:#fff}#mermaid-svg-sE8u05mRMfRtyXJ9 .task0,#mermaid-svg-sE8u05mRMfRtyXJ9 .task1,#mermaid-svg-sE8u05mRMfRtyXJ9 .task2,#mermaid-svg-sE8u05mRMfRtyXJ9 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutside0,#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutside2{fill:#000}#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutside1,#mermaid-svg-sE8u05mRMfRtyXJ9 .taskTextOutside3{fill:#000}#mermaid-svg-sE8u05mRMfRtyXJ9 .active0,#mermaid-svg-sE8u05mRMfRtyXJ9 .active1,#mermaid-svg-sE8u05mRMfRtyXJ9 .active2,#mermaid-svg-sE8u05mRMfRtyXJ9 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-sE8u05mRMfRtyXJ9 .activeText0,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeText1,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeText2,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeText3{fill:#000 !important}#mermaid-svg-sE8u05mRMfRtyXJ9 .done0,#mermaid-svg-sE8u05mRMfRtyXJ9 .done1,#mermaid-svg-sE8u05mRMfRtyXJ9 .done2,#mermaid-svg-sE8u05mRMfRtyXJ9 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-sE8u05mRMfRtyXJ9 .doneText0,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneText1,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneText2,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneText3{fill:#000 !important}#mermaid-svg-sE8u05mRMfRtyXJ9 .crit0,#mermaid-svg-sE8u05mRMfRtyXJ9 .crit1,#mermaid-svg-sE8u05mRMfRtyXJ9 .crit2,#mermaid-svg-sE8u05mRMfRtyXJ9 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCrit0,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCrit1,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCrit2,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCrit0,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCrit1,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCrit2,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-sE8u05mRMfRtyXJ9 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-sE8u05mRMfRtyXJ9 .milestoneText{font-style:italic}#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCritText0,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCritText1,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCritText2,#mermaid-svg-sE8u05mRMfRtyXJ9 .doneCritText3{fill:#000 !important}#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCritText0,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCritText1,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCritText2,#mermaid-svg-sE8u05mRMfRtyXJ9 .activeCritText3{fill:#000 !important}#mermaid-svg-sE8u05mRMfRtyXJ9 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-sE8u05mRMfRtyXJ9 g.classGroup text .title{font-weight:bolder}#mermaid-svg-sE8u05mRMfRtyXJ9 g.clickable{cursor:pointer}#mermaid-svg-sE8u05mRMfRtyXJ9 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-sE8u05mRMfRtyXJ9 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-sE8u05mRMfRtyXJ9 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-sE8u05mRMfRtyXJ9 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-sE8u05mRMfRtyXJ9 .dashed-line{stroke-dasharray:3}#mermaid-svg-sE8u05mRMfRtyXJ9 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 .commit-id,#mermaid-svg-sE8u05mRMfRtyXJ9 .commit-msg,#mermaid-svg-sE8u05mRMfRtyXJ9 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-sE8u05mRMfRtyXJ9 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-sE8u05mRMfRtyXJ9 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-sE8u05mRMfRtyXJ9 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-sE8u05mRMfRtyXJ9 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-sE8u05mRMfRtyXJ9 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-sE8u05mRMfRtyXJ9 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-sE8u05mRMfRtyXJ9 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-sE8u05mRMfRtyXJ9 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-sE8u05mRMfRtyXJ9 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-sE8u05mRMfRtyXJ9 .edgeLabel text{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-sE8u05mRMfRtyXJ9 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-sE8u05mRMfRtyXJ9 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-sE8u05mRMfRtyXJ9 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-sE8u05mRMfRtyXJ9 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-sE8u05mRMfRtyXJ9 .note-edge{stroke-dasharray:5}#mermaid-svg-sE8u05mRMfRtyXJ9 .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-sE8u05mRMfRtyXJ9 .error-icon{fill:#522}#mermaid-svg-sE8u05mRMfRtyXJ9 .error-text{fill:#522;stroke:#522}#mermaid-svg-sE8u05mRMfRtyXJ9 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-sE8u05mRMfRtyXJ9 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-sE8u05mRMfRtyXJ9 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-sE8u05mRMfRtyXJ9 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-sE8u05mRMfRtyXJ9 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-sE8u05mRMfRtyXJ9 .marker{fill:#333}#mermaid-svg-sE8u05mRMfRtyXJ9 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-sE8u05mRMfRtyXJ9 {color: rgba(0, 0, 0, 0.75);font: ;}张三李四王五你好!李四, 最近怎么样?你最近怎么样,王五?我很好,谢谢!我很好,谢谢!李四想了很长时间, 文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五
这将产生一个流程图。:
#mermaid-svg-AM66AA845LHrlign .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-AM66AA845LHrlign .label text{fill:#333}#mermaid-svg-AM66AA845LHrlign .node rect,#mermaid-svg-AM66AA845LHrlign .node circle,#mermaid-svg-AM66AA845LHrlign .node ellipse,#mermaid-svg-AM66AA845LHrlign .node polygon,#mermaid-svg-AM66AA845LHrlign .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-AM66AA845LHrlign .node .label{text-align:center;fill:#333}#mermaid-svg-AM66AA845LHrlign .node.clickable{cursor:pointer}#mermaid-svg-AM66AA845LHrlign .arrowheadPath{fill:#333}#mermaid-svg-AM66AA845LHrlign .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-AM66AA845LHrlign .flowchart-link{stroke:#333;fill:none}#mermaid-svg-AM66AA845LHrlign .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-AM66AA845LHrlign .edgeLabel rect{opacity:0.9}#mermaid-svg-AM66AA845LHrlign .edgeLabel span{color:#333}#mermaid-svg-AM66AA845LHrlign .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-AM66AA845LHrlign .cluster text{fill:#333}#mermaid-svg-AM66AA845LHrlign 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-AM66AA845LHrlign .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-AM66AA845LHrlign text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-AM66AA845LHrlign .actor-line{stroke:grey}#mermaid-svg-AM66AA845LHrlign .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-AM66AA845LHrlign .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-AM66AA845LHrlign #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-AM66AA845LHrlign .sequenceNumber{fill:#fff}#mermaid-svg-AM66AA845LHrlign #sequencenumber{fill:#333}#mermaid-svg-AM66AA845LHrlign #crosshead path{fill:#333;stroke:#333}#mermaid-svg-AM66AA845LHrlign .messageText{fill:#333;stroke:#333}#mermaid-svg-AM66AA845LHrlign .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-AM66AA845LHrlign .labelText,#mermaid-svg-AM66AA845LHrlign .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-AM66AA845LHrlign .loopText,#mermaid-svg-AM66AA845LHrlign .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-AM66AA845LHrlign .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-AM66AA845LHrlign .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-AM66AA845LHrlign .noteText,#mermaid-svg-AM66AA845LHrlign .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-AM66AA845LHrlign .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-AM66AA845LHrlign .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-AM66AA845LHrlign .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-AM66AA845LHrlign .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .section{stroke:none;opacity:0.2}#mermaid-svg-AM66AA845LHrlign .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-AM66AA845LHrlign .section2{fill:#fff400}#mermaid-svg-AM66AA845LHrlign .section1,#mermaid-svg-AM66AA845LHrlign .section3{fill:#fff;opacity:0.2}#mermaid-svg-AM66AA845LHrlign .sectionTitle0{fill:#333}#mermaid-svg-AM66AA845LHrlign .sectionTitle1{fill:#333}#mermaid-svg-AM66AA845LHrlign .sectionTitle2{fill:#333}#mermaid-svg-AM66AA845LHrlign .sectionTitle3{fill:#333}#mermaid-svg-AM66AA845LHrlign .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-AM66AA845LHrlign .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .grid path{stroke-width:0}#mermaid-svg-AM66AA845LHrlign .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-AM66AA845LHrlign .task{stroke-width:2}#mermaid-svg-AM66AA845LHrlign .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .taskText:not([font-size]){font-size:11px}#mermaid-svg-AM66AA845LHrlign .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-AM66AA845LHrlign .task.clickable{cursor:pointer}#mermaid-svg-AM66AA845LHrlign .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-AM66AA845LHrlign .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-AM66AA845LHrlign .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-AM66AA845LHrlign .taskText0,#mermaid-svg-AM66AA845LHrlign .taskText1,#mermaid-svg-AM66AA845LHrlign .taskText2,#mermaid-svg-AM66AA845LHrlign .taskText3{fill:#fff}#mermaid-svg-AM66AA845LHrlign .task0,#mermaid-svg-AM66AA845LHrlign .task1,#mermaid-svg-AM66AA845LHrlign .task2,#mermaid-svg-AM66AA845LHrlign .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-AM66AA845LHrlign .taskTextOutside0,#mermaid-svg-AM66AA845LHrlign .taskTextOutside2{fill:#000}#mermaid-svg-AM66AA845LHrlign .taskTextOutside1,#mermaid-svg-AM66AA845LHrlign .taskTextOutside3{fill:#000}#mermaid-svg-AM66AA845LHrlign .active0,#mermaid-svg-AM66AA845LHrlign .active1,#mermaid-svg-AM66AA845LHrlign .active2,#mermaid-svg-AM66AA845LHrlign .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-AM66AA845LHrlign .activeText0,#mermaid-svg-AM66AA845LHrlign .activeText1,#mermaid-svg-AM66AA845LHrlign .activeText2,#mermaid-svg-AM66AA845LHrlign .activeText3{fill:#000 !important}#mermaid-svg-AM66AA845LHrlign .done0,#mermaid-svg-AM66AA845LHrlign .done1,#mermaid-svg-AM66AA845LHrlign .done2,#mermaid-svg-AM66AA845LHrlign .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-AM66AA845LHrlign .doneText0,#mermaid-svg-AM66AA845LHrlign .doneText1,#mermaid-svg-AM66AA845LHrlign .doneText2,#mermaid-svg-AM66AA845LHrlign .doneText3{fill:#000 !important}#mermaid-svg-AM66AA845LHrlign .crit0,#mermaid-svg-AM66AA845LHrlign .crit1,#mermaid-svg-AM66AA845LHrlign .crit2,#mermaid-svg-AM66AA845LHrlign .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-AM66AA845LHrlign .activeCrit0,#mermaid-svg-AM66AA845LHrlign .activeCrit1,#mermaid-svg-AM66AA845LHrlign .activeCrit2,#mermaid-svg-AM66AA845LHrlign .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-AM66AA845LHrlign .doneCrit0,#mermaid-svg-AM66AA845LHrlign .doneCrit1,#mermaid-svg-AM66AA845LHrlign .doneCrit2,#mermaid-svg-AM66AA845LHrlign .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-AM66AA845LHrlign .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-AM66AA845LHrlign .milestoneText{font-style:italic}#mermaid-svg-AM66AA845LHrlign .doneCritText0,#mermaid-svg-AM66AA845LHrlign .doneCritText1,#mermaid-svg-AM66AA845LHrlign .doneCritText2,#mermaid-svg-AM66AA845LHrlign .doneCritText3{fill:#000 !important}#mermaid-svg-AM66AA845LHrlign .activeCritText0,#mermaid-svg-AM66AA845LHrlign .activeCritText1,#mermaid-svg-AM66AA845LHrlign .activeCritText2,#mermaid-svg-AM66AA845LHrlign .activeCritText3{fill:#000 !important}#mermaid-svg-AM66AA845LHrlign .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-AM66AA845LHrlign g.classGroup text .title{font-weight:bolder}#mermaid-svg-AM66AA845LHrlign g.clickable{cursor:pointer}#mermaid-svg-AM66AA845LHrlign g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-AM66AA845LHrlign g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-AM66AA845LHrlign .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-AM66AA845LHrlign .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-AM66AA845LHrlign .dashed-line{stroke-dasharray:3}#mermaid-svg-AM66AA845LHrlign #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign .commit-id,#mermaid-svg-AM66AA845LHrlign .commit-msg,#mermaid-svg-AM66AA845LHrlign .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-AM66AA845LHrlign g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-AM66AA845LHrlign g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-AM66AA845LHrlign g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-AM66AA845LHrlign g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-AM66AA845LHrlign .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-AM66AA845LHrlign .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-AM66AA845LHrlign .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-AM66AA845LHrlign .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-AM66AA845LHrlign .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-AM66AA845LHrlign .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-AM66AA845LHrlign .edgeLabel text{fill:#333}#mermaid-svg-AM66AA845LHrlign .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-AM66AA845LHrlign .node circle.state-start{fill:black;stroke:black}#mermaid-svg-AM66AA845LHrlign .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-AM66AA845LHrlign #statediagram-barbEnd{fill:#9370db}#mermaid-svg-AM66AA845LHrlign .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-AM66AA845LHrlign .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-AM66AA845LHrlign .statediagram-state .divider{stroke:#9370db}#mermaid-svg-AM66AA845LHrlign .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-AM66AA845LHrlign .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-AM66AA845LHrlign .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-AM66AA845LHrlign .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-AM66AA845LHrlign .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-AM66AA845LHrlign .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-AM66AA845LHrlign .note-edge{stroke-dasharray:5}#mermaid-svg-AM66AA845LHrlign .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-AM66AA845LHrlign .error-icon{fill:#522}#mermaid-svg-AM66AA845LHrlign .error-text{fill:#522;stroke:#522}#mermaid-svg-AM66AA845LHrlign .edge-thickness-normal{stroke-width:2px}#mermaid-svg-AM66AA845LHrlign .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-AM66AA845LHrlign .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-AM66AA845LHrlign .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-AM66AA845LHrlign .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-AM66AA845LHrlign .marker{fill:#333}#mermaid-svg-AM66AA845LHrlign .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-AM66AA845LHrlign {color: rgba(0, 0, 0, 0.75);font: ;}
链接
长方形
圆
圆角长方形
菱形
FLowchart流程图
我们依旧会支持flowchart的流程图:
Created with Raphaël 2.3.0开始我的操作确认?结束yesno
- 关于 Flowchart流程图 语法,参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。
汇编输出出现笑脸梅花等奇怪符号相关推荐
- 汇编实验三:三个有符号数比较大小
汇编实验三:三个有符号数比较大小 问题 源码 利用库函数io.inc 问题 给出三个有符号数,编写一个比较相等关系的程序: (1) 如果这三个数都不相等,则显示0: (2) 如果这三个数中有两个数相等 ...
- 计算机软件图标乱码,win7系统图标汉字显示乱码变成奇怪符号的解决方法
很多小伙伴都遇到过win7系统图标汉字显示乱码变成奇怪符号的困惑吧,一些朋友看过网上零散的win7系统图标汉字显示乱码变成奇怪符号的处理方法,并没有完完全全明白win7系统图标汉字显示乱码变成奇怪符号 ...
- mac/win的Qt::ControlModifier以及如何输出mac平台的修饰符符号?
在Qt中,mac和win的Qt::ControlModifier的区别 Note: On macOS, the ControlModifier value corresponds to the Com ...
- Linux下用汇编输出Hello, world
下列是Intel汇编语法实现的 Hello, world!程序. ;; hello.asm ;; nasm -f elf hello.asm; will output hello.o ;; ld -s ...
- 汇编-输出寄存器的值-输出值
学习汇编有一阵了,已经能够写出一些简单的计算程序(求斐波那契...) 今天总结一下令初学者感到头疼的寄存器值输出问题 我们知道: 可以看出寄存器值是一个十六位进制的数,我们可以将其每一位都转成字符进行 ...
- Linux 1. 奇怪符号 ^@
最近一直在研究Linux操作,从内心来说,我觉得这个操作系统很有意思,而且拓宽了我局限于C#的思维模式,Tres bien! 学习过程中也遇到一些各种各样奇怪的问题,网上搜索后好像大家也没有一个确切的 ...
- freemarker解析html标签,【转】Freemarker输出$和html标签等特殊符号
原文:http://blog.csdn.net/achilles12345/article/details/41820507 场景:程序员都不喜欢看文档,而更喜欢抄例子.所以,我们把平台组的组件都做成 ...
- 喷射字符·奇怪符号·手机复制难以删除·长串文字·很长的小尾巴·拖得很长·乱码·直播间弹幕·贴吧楼层ฏ้้้้้้้้้้้้้๎๎๎๎๎๎๎๎้้้้้้้้้้้้้๎๎๎๎๎๎๎๎้้้้้้้้
参考链接 喷射字符 - 百度百科 喷射字符制作教程 - 萌娘百科 手机复制这几个字看你多久能删完 「ฏ๎๎๎」是个什么符号? 相关教程 如何打出喷射符? 解密喷射字符,教你DIY自己的喷射符 泰文字符 ...
- 汇编---输出AX的地址值
输出步骤: 定义一个字变量 对AX求ASCLL字符 存入操作内存地址的寄存器-SI 打印 mov ax, mov si,offset Temp+3;保存存储结果的字符串的最后一个字符偏移地址xor c ...
最新文章
- 【原】移动端界面的适配
- Warning: Permanently added the RSA host key for IP address '192.30.253.113' to the list of known hos
- 深入浅出,Spring 框架和 Spring Boot 的故事
- tensorflow tf.encode_base64()(将字符串编码为网络安全的base64格式)
- 响应信息不明确的接口做关联
- 张恩民 php,php张恩民PHP中ltrim与rtrim去除左右空格及特殊字符实例
- ASP.NET Core 运行原理解剖[2]:Hosting补充之配置介绍
- linux内核4.4和4.5,[图]Linux Kernel 4.5系列第4个维护版本发布
- 第六节:深入研究Task实例方法ContinueWith的参数TaskContinuationOptions
- (pytorch-深度学习系列)pytorch中backwards()函数对梯度的操作
- 基于JAVA+SpringMVC+Mybatis+MYSQL的OA办公系统
- ArcEngine中放大、缩小、移动等功能实现的方法
- 美国慈善机构Kars4Kids意外泄露了上万名捐赠者的个人信息
- 怎么删除计算机病毒,电脑中病毒删不掉怎么办?
- 《C》C语言实现DCT算法
- java后台amr格式转mp3格式方法
- 关于VISIO2013显示首要事项闪退问题
- 先有鸡还是先有蛋终结论
- 如何在计算机查找类型文件类型,怎样在电脑中查找某一类型文件?比如查 txt...
- labview文件写入与读取
热门文章
- Raspberry Pi远程多功能监控摄像机
- 苹果“面目全非”的 iOS7
- STM32 USB AUDIO 基础篇①——通过STM32CubeMX生成USB Speaker音频播放Demo(史上最简单)
- 一种在Houdini中让顶点动画循环的简单方法
- C语言买金鱼问题答案,发现一条品相不错的小金鱼,可惜炸鳞了,购买金鱼如何判断疾病?...
- VA78L05V6DYE 24V转5V电源 限流电阻参数设计
- python中polyfit、poly1d函数
- HTML的meta标签详解
- 血压计模块|臂式血压计方案
- 基于SSH的计算机在线测评考试系统