基础的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)
s3=int(1.234) #整数
print(s3)
s4=float(1.234) #浮点数
print(s4)
s5=complex(3,7) #定义复数
print(s5)
s6=(3+7j).conjugate() #返回复数的共轭复数
print(s6)
s7=divmod(7,3) #相当于(x//y,x%y)
print(s7)
s8=pow(2,3) #2的3次方
print(s8)
功能快捷键
重做: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
合理的创建标题,有助于目录的生成
直接输入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 无锡人流多少钱 http://www.xaytsgyy.com/
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 语法
FLowchart流程图
我们依旧会支持flowchart的流程图:
Created with Raphaël 2.2.0开始我的操作确认?结束yesno
关于 Flowchart流程图 语法,参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
就可以继续工作了。
<p><strong>1. <strong>单行注释</strong></strong></p> | |
<pre><code>#print("hello word;") | |
</code></pre> | |
<p><strong>2. 多行注释</strong></p> | |
<pre><code>''' | |
print("hello word;") | |
print("hello word;") | |
''' | |
</code></pre> | |
<p><strong>3. Tab键表示分层</strong></p> | |
<pre><code>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) | |
s3=int(1.234) #整数 | |
print(s3) | |
s4=float(1.234) #浮点数 | |
print(s4) | |
s5=complex(3,7) #定义复数 | |
print(s5) | |
s6=(3+7j).conjugate() #返回复数的共轭复数 | |
print(s6) | |
s7=divmod(7,3) #相当于(x//y,x%y) | |
print(s7) | |
s8=pow(2,3) #2的3次方 | |
print(s8) | |
</code></pre> | |
<h2><a id="_35"></a>功能快捷键</h2> | |
<p>重做:<kbd>Ctrl/Command</kbd> + <kbd>Y</kbd><br> | |
加粗:<kbd>Ctrl/Command</kbd> + <kbd>B</kbd><br> | |
斜体:<kbd>Ctrl/Command</kbd> + <kbd>I</kbd><br> | |
标题:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd><br> | |
无序列表:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>U</kbd><br> | |
有序列表:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd><br> | |
检查列表:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd><br> | |
插入代码:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd><br> | |
插入链接:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd><br> | |
插入图片:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd></p> | |
<h2><a id="_50"></a>合理的创建标题,有助于目录的生成</h2> | |
<p>直接输入1次<kbd>#</kbd>,并按下<kbd>space</kbd>后,将生成1级标题。<br> | |
输入2次<kbd>#</kbd>,并按下<kbd>space</kbd>后,将生成2级标题。<br> | |
以此类推,我们支持6级标题。有助于使用<code>TOC</code>语法后生成一个完美的目录。</p> | |
<h2><a id="_58"></a>如何改变文本的样式</h2> | |
<p><em>强调文本</em> <em>强调文本</em></p> | |
<p><strong>加粗文本</strong> <strong>加粗文本</strong></p> | |
<p><mark>标记文本</mark></p> | |
<p><s>删除文本</s></p> | |
<blockquote> | |
<p>引用文本</p> | |
</blockquote> | |
<p>H<sub>2</sub>O is是液体。</p> | |
<p>2<sup>10</sup> 运算结果是 1024.</p> | |
<h2><a id="_76"></a>插入链接与图片</h2> | |
<p>链接: <a href="https://mp.csdn.net" rel="nofollow" data-token="8a2bae733f1be8d745c50779780097c1">link</a>.</p> | |
<p>图片: <img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw==" alt="Alt"></p> | |
<p>带尺寸的图片: <img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw==" alt="Alt" width="30" height="30"></p> | |
<p>居中的图片: <img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw==#pic_center" alt="Alt"></p> | |
<p>居中并且带尺寸的图片: <img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw==#pic_center" alt="Alt" width="30" height="30"></p> | |
<p>当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。</p> | |
<h2><a id="_91"></a>如何插入一段漂亮的代码片</h2> | |
<p>去<a href="https://mp.csdn.net/configure" rel="nofollow" data-token="e385e974032a0d8ef95b705c75a58c89">博客设置</a>页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 <code>代码片</code>.</p> | |
<pre><code class="prism language-javascript"><span class="token comment">// An highlighted block</span> | |
<span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token string">'bar'</span><span class="token punctuation">;</span> | |
</code></pre> | |
<h2><a id="_100"></a>生成一个适合你的列表</h2> | |
<ul> | |
<li>项目 | |
<ul> | |
<li>项目 | |
<ul> | |
<li>项目</li> | |
</ul> | |
</li> | |
</ul> | |
</li> | |
</ul> | |
<ol> | |
<li>项目1</li> | |
<li>项目2</li> | |
<li>项目3</li> | |
</ol> | |
<ul> | |
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled=""> 计划任务</li> | |
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" checked="true" disabled=""> 完成任务</li> | |
</ul> | |
<h2><a id="_114"></a>创建一个表格</h2> | |
<p>一个简单的表格是这么创建的:</p> | |
<table> | |
<thead> | |
<tr> | |
<th>项目</th> | |
<th>Value</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td>电脑</td> | |
<td>$1600</td> | |
</tr> | |
<tr> | |
<td>手机</td> | |
<td>$12</td> | |
</tr> | |
<tr> | |
<td>导管</td> | |
<td>$1</td> | |
</tr> | |
</tbody> | |
</table><h3><a id="_122"></a>设定内容居中、居左、居右</h3> | |
<p>使用<code>:---------:</code>居中<br> | |
使用<code>:----------</code>居左<br> | |
使用<code>----------:</code>居右</p> | |
<table> | |
<thead> | |
<tr> | |
<th align="center">第一列</th> | |
<th align="right">第二列</th> | |
<th align="left">第三列</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td align="center">第一列文本居中</td> | |
<td align="right">第二列文本居右</td> | |
<td align="left">第三列文本居左</td> | |
</tr> | |
</tbody> | |
</table><h3><a id="SmartyPants_131"></a>SmartyPants</h3> | |
<p>SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:</p> | |
<table> | |
<thead> | |
<tr> | |
<th>TYPE</th> | |
<th>ASCII</th> | |
<th><abbr title="超文本标记语言">HTML</abbr></th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td>Single backticks</td> | |
<td><code>'Isn't this fun?'</code></td> | |
<td>‘Isn’t this fun?’</td> | |
</tr> | |
<tr> | |
<td>Quotes</td> | |
<td><code>"Isn't this fun?"</code></td> | |
<td>“Isn’t this fun?”</td> | |
</tr> | |
<tr> | |
<td>Dashes</td> | |
<td><code>-- is en-dash, --- is em-dash</code></td> | |
<td>– is en-dash, — is em-dash</td> | |
</tr> | |
</tbody> | |
</table><h2><a id="_140"></a>创建一个自定义列表</h2> | |
<dl> | |
<dt>Markdown</dt> | |
<dd>Text-to-<abbr title="超文本标记语言">HTML</abbr> conversion tool</dd> | |
<dt>Authors</dt> | |
<dd>John</dd> | |
<dd>Luke</dd> | |
</dl> | |
<h2><a id="_149"></a>如何创建一个注脚</h2> | |
<p>一个具有注脚的文本。<sup class="footnote-ref"><a href="#fn1" rel="nofollow" id="fnref1" data-token="7d73a7559353979043a6311cf770ddb4">1</a></sup></p> | |
<h2><a id="_156"></a>注释也是必不可少的</h2> | |
<p>Markdown将文本转换为 <abbr title="超文本标记语言">HTML</abbr>。</p> | |
<h2><a id="KaTeX_163"></a>KaTeX数学公式</h2> | |
<p>您可以使用渲染LaTeX数学表达式 <a href="https://khan.github.io/KaTeX/" rel="nofollow" data-token="51a27080b985c82ad3294ea2751c57cf">KaTeX</a>:</p> | |
<p>Gamma公式展示 <span class="katex--inline"><span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi mathvariant="normal">Γ</mi><mo>(</mo><mi>n</mi><mo>)</mo><mo>=</mo><mo>(</mo><mi>n</mi><mo>−</mo><mn>1</mn><mo>)</mo><mo>!</mo><mspace width="1em"></mspace><mi mathvariant="normal">∀</mi><mi>n</mi><mo>∈</mo><mi mathvariant="double-struck">N</mi></mrow><annotation encoding="application/x-tex">\Gamma(n) = (n-1)!\quad\forall | |
n\in\mathbb N</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height: 1em; vertical-align: -0.25em;"></span><span class="mord">Γ</span><span class="mopen">(</span><span class="mord mathit">n</span><span class="mclose">)</span><span class="mspace" style="margin-right: 0.277778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right: 0.277778em;"></span></span><span class="base"><span class="strut" style="height: 1em; vertical-align: -0.25em;"></span><span class="mopen">(</span><span class="mord mathit">n</span><span class="mspace" style="margin-right: 0.222222em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right: 0.222222em;"></span></span><span class="base"><span class="strut" style="height: 1em; vertical-align: -0.25em;"></span><span class="mord">1</span><span class="mclose">)</span><span class="mclose">!</span><span class="mspace" style="margin-right: 1em;"></span><span class="mord">∀</span><span class="mord mathit">n</span><span class="mspace" style="margin-right: 0.277778em;"></span><span class="mrel">∈</span><span class="mspace" style="margin-right: 0.277778em;"></span></span><span class="base"><span class="strut" style="height: 0.68889em; vertical-align: 0em;"></span><span class="mord mathbb">N</span></span></span></span></span> 是通过欧拉积分</p> | |
<p><span class="katex--display"><span class="katex-display"><span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi mathvariant="normal">Γ</mi><mo>(</mo><mi>z</mi><mo>)</mo><mo>=</mo><msubsup><mo>∫</mo><mn>0</mn><mi mathvariant="normal">∞</mi></msubsup><msup><mi>t</mi><mrow><mi>z</mi><mo>−</mo><mn>1</mn></mrow></msup><msup><mi>e</mi><mrow><mo>−</mo><mi>t</mi></mrow></msup><mi>d</mi><mi>t</mi>&ThinSpace;<mi mathvariant="normal">.</mi></mrow><annotation encoding="application/x-tex"> | |
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. | |
</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height: 1em; vertical-align: -0.25em;"></span><span class="mord">Γ</span><span class="mopen">(</span><span class="mord mathit" style="margin-right: 0.04398em;">z</span><span class="mclose">)</span><span class="mspace" style="margin-right: 0.277778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right: 0.277778em;"></span></span><span class="base"><span class="strut" style="height: 2.32624em; vertical-align: -0.91195em;"></span><span class="mop"><span class="mop op-symbol large-op" style="margin-right: 0.44445em; position: relative; top: -0.001125em;">∫</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height: 1.41429em;"><span class="" style="top: -1.78805em; margin-left: -0.44445em; margin-right: 0.05em;"><span class="pstrut" style="height: 2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">0</span></span></span><span class="" style="top: -3.8129em; margin-right: 0.05em;"><span class="pstrut" style="height: 2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">∞</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height: 0.91195em;"><span class=""></span></span></span></span></span></span><span class="mspace" style="margin-right: 0.166667em;"></span><span class="mord"><span class="mord mathit">t</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height: 0.864108em;"><span class="" style="top: -3.113em; margin-right: 0.05em;"><span class="pstrut" style="height: 2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathit mtight" style="margin-right: 0.04398em;">z</span><span class="mbin mtight">−</span><span class="mord mtight">1</span></span></span></span></span></span></span></span></span><span class="mord"><span class="mord mathit">e</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height: 0.843556em;"><span class="" style="top: -3.113em; margin-right: 0.05em;"><span class="pstrut" style="height: 2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">−</span><span class="mord mathit mtight">t</span></span></span></span></span></span></span></span></span><span class="mord mathit">d</span><span class="mord mathit">t</span><span class="mspace" style="margin-right: 0.166667em;"></span><span class="mord">.</span></span></span></span></span></span></p> | |
<blockquote> | |
<p>你可以找到更多关于的信息 <strong>LaTeX</strong> 数学表达式<a href="http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference" rel="nofollow" data-token="83b79fd25d0a754a2103791cb42114c9">here</a>.</p> | |
</blockquote> | |
<h2><a id="_177"></a>新的甘特图功能,丰富你的文章</h2> | |
<div class="mermaid"><svg xmlns="http://www.w3.org/2000/svg" id="mermaid-svg-jNRBSgJSAHBUEWic" height="100%" viewBox="0 0 500 196"><g></g><g class="grid" transform="translate(75, 146)"><g class="tick" transform="translate(0,0)" style="opacity: 1;"><line y2="-111" x2="0"></line><text dy="1em" y="3" x="0" fill="#000" stroke="none" font-size="10" style="text-anchor: middle;">Mon 06</text></g><g class="tick" transform="translate(153,0)" style="opacity: 1;"><line y2="-111" x2="0"></line><text dy="1em" y="3" x="0" fill="#000" stroke="none" font-size="10" style="text-anchor: middle;">Mon 13</text></g><g class="tick" transform="translate(306,0)" style="opacity: 1;"><line y2="-111" x2="0"></line><text dy="1em" y="3" x="0" fill="#000" stroke="none" font-size="10" style="text-anchor: middle;">Mon 20</text></g><path class="domain" d="M0,0V0H350V0"></path></g><g><rect x="0" y="48" width="462.5" height="24" class="section section0"></rect><rect x="0" y="72" width="462.5" height="24" class="section section0"></rect><rect x="0" y="96" width="462.5" height="24" class="section section0"></rect><rect x="0" y="120" width="462.5" height="24" class="section section0"></rect></g><g><rect rx="3" ry="3" x="75" y="50" width="44" height="20" class="task done0"></rect><rect rx="3" ry="3" x="141" y="74" width="65" height="20" class="task active0"></rect><rect rx="3" ry="3" x="206" y="98" width="110" height="20" class="task task0"></rect><rect rx="3" ry="3" x="316" y="122" width="109" height="20" class="task task0"></rect><text font-size="11" x="97" y="63.5" text-height="20" class="taskText taskText0 doneText0">已完成 </text><text font-size="11" x="173.5" y="87.5" text-height="20" class="taskText taskText0 activeText0">进行中 </text><text font-size="11" x="261" y="111.5" text-height="20" class="taskText taskText0 ">计划一 </text><text font-size="11" x="370.5" y="135.5" text-height="20" class="taskText taskText0 ">计划二 </text></g><g><text x="10" y="98" class="sectionTitle sectionTitle0">现有任务</text></g><g class="today"><line x1="45152" x2="45152" y1="25" y2="171" class="today"></line></g><text x="250" y="25" class="titleText">Adding GANTT diagram functionality to mermaid</text></svg></div> | |
<ul> | |
<li>关于 <strong>甘特图</strong> 语法,参考 <a href="https://mermaidjs.github.io/" rel="nofollow" data-token="bb493df4f01bd0cdd6766041d28fd343">这儿</a>,</li> | |
</ul> | |
<h2><a id="UML__191"></a>UML 图表</h2> | |
<p>可以使用UML图表进行渲染。 <a href="https://mermaidjs.github.io/" rel="nofollow" data-token="bb493df4f01bd0cdd6766041d28fd343">Mermaid</a>. 例如下面产生的一个序列图::</p> | |
<div class="mermaid"><svg xmlns="http://www.w3.org/2000/svg" id="mermaid-svg-6clHqO8bkTQ8Je4n" height="100%" width="100%" style="max-width:750px;" viewBox="-50 -10 750 461"><g></g><g><line id="actor45" x1="75" y1="5" x2="75" y2="450" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="0" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="75" dy="0">张三</tspan></text></g><g><line id="actor46" x1="275" y1="5" x2="275" y2="450" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="200" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="275" dy="0">李四</tspan></text></g><g><line id="actor47" x1="475" y1="5" x2="475" y2="450" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="400" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="475" dy="0">王五</tspan></text></g><defs><marker id="arrowhead" refX="5" refY="2" markerWidth="6" markerHeight="4" orient="auto"><path d="M 0,0 V 4 L6,2 Z"></path></marker></defs><defs><marker id="crosshead" markerWidth="15" markerHeight="8" orient="auto" refX="16" refY="4"><path fill="black" stroke="#000000" stroke-width="1px" d="M 9,2 V 6 L16,4 Z" style="stroke-dasharray: 0, 0;"></path><path fill="none" stroke="#000000" stroke-width="1px" d="M 0,1 L 6,7 M 6,1 L 0,7" style="stroke-dasharray: 0, 0;"></path></marker></defs><g><text x="175" y="93" class="messageText" style="text-anchor: middle;">你好!李四, 最近怎么样?</text><line x1="75" y1="100" x2="275" y2="100" class="messageLine0" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="fill: none;"></line></g><g><text x="375" y="128" class="messageText" style="text-anchor: middle;">你最近怎么样,王五?</text><line x1="275" y1="135" x2="475" y2="135" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="175" y="163" class="messageText" style="text-anchor: middle;">我很好,谢谢!</text><line x1="275" y1="170" x2="75" y2="170" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#crosshead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="375" y="198" class="messageText" style="text-anchor: middle;">我很好,谢谢!</text><line x1="275" y1="205" x2="475" y2="205" class="messageLine0" stroke-width="2" stroke="black" marker-end="url(#crosshead)" style="fill: none;"></line></g><g><rect x="500" y="215" fill="#EDF2AE" stroke="#666" width="150" height="80" rx="0" ry="0" class="note"></rect><text x="516" y="244" fill="black" class="noteText"><tspan x="516">李四想了很长时间,</tspan><tspan dy="22" x="516">文字太长了</tspan><tspan dy="22" x="516">不适合放在一行.</tspan></text></g><g><text x="175" y="323" class="messageText" style="text-anchor: middle;">打量着王五...</text><line x1="275" y1="330" x2="75" y2="330" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="275" y="358" class="messageText" style="text-anchor: middle;">很好... 王五, 你怎么样?</text><line x1="75" y1="365" x2="475" y2="365" class="messageLine0" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="fill: none;"></line></g><g><rect x="0" y="385" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="417.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="75" dy="0">张三</tspan></text></g><g><rect x="200" y="385" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="417.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="275" dy="0">李四</tspan></text></g><g><rect x="400" y="385" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="417.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="475" dy="0">王五</tspan></text></g></svg></div> | |
<p>这将产生一个流程图。:</p> | |
<div class="mermaid"><svg xmlns="http://www.w3.org/2000/svg" id="mermaid-svg-wzCrBjW7ZLdPP0la" height="182" width="418.4000015258789" viewBox="0 0 438.4000015258789 202"><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M88,69.24L129,43L197,43" marker-end="url(#arrowhead285)" style="fill:none"></path><defs><marker id="arrowhead285" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M88,112.76L129,139L170,139" marker-end="url(#arrowhead286)" style="fill:none"></path><defs><marker id="arrowhead286" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M243,43L295,43L337.27005325174554,74.72994598531506" marker-end="url(#arrowhead287)" style="fill:none"></path><defs><marker id="arrowhead287" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M270,139L295,139L337.270054124842,108.27005336190257" marker-end="url(#arrowhead288)" style="fill:none"></path><defs><marker id="arrowhead288" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(129,43)" style="opacity: 1;"><g transform="translate(-16,-13)" class="label"><foreignObject width="32" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">链接</span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node" id="A" transform="translate(54,91)" style="opacity: 1;"><rect rx="0" ry="0" x="-34" y="-23" width="68" height="46"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-24,-13)"><foreignObject width="48" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">长方形</div></foreignObject></g></g></g><g class="node" id="B" transform="translate(220,43)" style="opacity: 1;"><circle x="-18" y="-23" r="23"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-8,-13)"><foreignObject width="16" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">圆</div></foreignObject></g></g></g><g class="node" id="C" transform="translate(220,139)" style="opacity: 1;"><rect rx="5" ry="5" x="-50" y="-23" width="100" height="46"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-40,-13)"><foreignObject width="80" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">圆角长方形</div></foreignObject></g></g></g><g class="node" id="D" transform="translate(359.20000076293945,91)" style="opacity: 1;"><polygon points="39.2,0 78.4,-39.2 39.2,-78.4 0,-39.2" rx="5" ry="5" transform="translate(-39.2,39.2)"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(-16,-13)"><foreignObject width="32" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">菱形</div></foreignObject></g></g></g></g></g></g></svg></div> | |
<ul> | |
<li>关于 <strong>Mermaid</strong> 语法,参考 <a href="https://mermaidjs.github.io/" rel="nofollow" data-token="bb493df4f01bd0cdd6766041d28fd343">这儿</a>,</li> | |
</ul> | |
<h2><a id="FLowchart_219"></a>FLowchart流程图</h2> | |
<p>我们依旧会支持flowchart的流程图:</p> | |
<div class="mermaid flow-chart"><svg height="358.875" version="1.1" width="140.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: hidden; position: relative;" viewBox="0 0 140.5 358.875" preserveAspectRatio="xMidYMid meet"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.2.0</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><marker id="raphael-marker-endblock33-objswj4r" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><marker id="raphael-marker-endblock33-objngu7l" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><marker id="raphael-marker-endblock33-obj35e9g" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><marker id="raphael-marker-endblock33-objlqukb" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker></defs><rect x="0" y="0" width="50" height="36" rx="20" ry="20" fill="#ffffff" stroke="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-width="2" class="flowchart" id="st" transform="matrix(1,0,0,1,33.75,13.375)"></rect><text x="10" y="18" text-anchor="start" font-family="sans-serif" font-size="14px" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: sans-serif; font-size: 14px; font-weight: normal;" id="stt" class="flowchartt" font-weight="normal" transform="matrix(1,0,0,1,33.75,13.375)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">开始</tspan></text><rect x="0" y="0" width="78" height="36" rx="0" ry="0" fill="#ffffff" stroke="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-width="2" class="flowchart" id="op" transform="matrix(1,0,0,1,19.75,112.75)"></rect><text x="10" y="18" text-anchor="start" font-family="sans-serif" font-size="14px" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: sans-serif; font-size: 14px; font-weight: normal;" id="opt" class="flowchartt" font-weight="normal" transform="matrix(1,0,0,1,19.75,112.75)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">我的操作</tspan></text><path fill="#ffffff" stroke="#000000" d="M27.375,13.6875L0,27.375L54.75,54.75L109.5,27.375L54.75,0L0,27.375" stroke-width="2" font-family="sans-serif" font-weight="normal" id="cond" class="flowchart" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; font-weight: normal;" transform="matrix(1,0,0,1,4,202.75)"></path><text x="32.375" y="27.375" text-anchor="start" font-family="sans-serif" font-size="14px" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: sans-serif; font-size: 14px; font-weight: normal;" id="condt" class="flowchartt" font-weight="normal" transform="matrix(1,0,0,1,4,202.75)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">确认?</tspan></text><rect x="0" y="0" width="50" height="36" rx="20" ry="20" fill="#ffffff" stroke="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-width="2" class="flowchart" id="e" transform="matrix(1,0,0,1,33.75,320.875)"></rect><text x="10" y="18" text-anchor="start" font-family="sans-serif" font-size="14px" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: sans-serif; font-size: 14px; font-weight: normal;" id="et" class="flowchartt" font-weight="normal" transform="matrix(1,0,0,1,33.75,320.875)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">结束</tspan></text><path fill="none" stroke="#000000" d="M58.75,49.375C58.75,49.375,58.75,97.19504317641258,58.75,109.75714436240378" stroke-width="2" marker-end="url(#raphael-marker-endblock33-objswj4r)" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; font-weight: normal;"></path><path fill="none" stroke="#000000" d="M58.75,148.75C58.75,148.75,58.75,188.40409994125366,58.75,199.75043908460066" stroke-width="2" marker-end="url(#raphael-marker-endblock33-objngu7l)" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; font-weight: normal;"></path><path fill="none" stroke="#000000" d="M58.75,257.5C58.75,257.5,58.75,305.3200431764126,58.75,317.8821443624038" stroke-width="2" marker-end="url(#raphael-marker-endblock33-obj35e9g)" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; font-weight: normal;"></path><text x="63.75" y="267.5" text-anchor="start" font-family="sans-serif" font-size="14px" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: sans-serif; font-size: 14px; font-weight: normal;" font-weight="normal" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">yes</tspan></text><path fill="none" stroke="#000000" d="M113.5,230.125C113.5,230.125,138.5,230.125,138.5,230.125C138.5,230.125,138.5,87.75,138.5,87.75C138.5,87.75,58.75,87.75,58.75,87.75C58.75,87.75,58.75,103.12344455718994,58.75,109.75924777425826" stroke-width="2" marker-end="url(#raphael-marker-endblock33-objlqukb)" font-family="sans-serif" font-weight="normal" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; font-weight: normal;"></path><text x="118.5" y="220.125" text-anchor="start" font-family="sans-serif" font-size="14px" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: sans-serif; font-size: 14px; font-weight: normal;" font-weight="normal" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">no</tspan></text></svg></div> | |
<ul> | |
<li>关于 <strong>Flowchart流程图</strong> 语法,参考 <a href="http://adrai.github.io/flowchart.js/" rel="nofollow" data-token="5fc8bde9403f25985c664fa8e0944080">这儿</a>.</li> | |
</ul> | |
<h2><a id="_237"></a>导出与导入</h2> | |
<h3><a id="_239"></a>导出</h3> | |
<p>如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 <strong>文章导出</strong> ,生成一个.md文件或者.html文件进行本地保存。</p> | |
<h3><a id="_242"></a>导入</h3> | |
<p>如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,<br> | |
继续你的创作。</p> | |
<hr class="footnotes-sep"> | |
<section class="footnotes"> | |
<ol class="footnotes-list"> | |
<li id="fn1" class="footnote-item"><p>注脚的解释 <a href="#fnref1" rel="nofollow" class="footnote-backref" data-token="9c2dfe6f88be3833f14269126a2248d5">↩︎</a></p> | |
</li> | |
</ol> | |
</section> | |
</div> | |
<link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-e44c3c0e64.css" rel="stylesheet"> | |
</div> | |
</article> | |
</div> | |
<div class="hide-article-box hide-article-pos text-center"> | |
<a class="btn-readmore" data-report-view='{"mod":"popu_376","dest":"https://blog.csdn.net/qq_33575051/article/details/97907473","strategy":"readmore"}' data-report-click='{"mod":"popu_376","dest":"https://blog.csdn.net/qq_33575051/article/details/97907473","strategy":"readmore"}'> |