<!-- markdown css tag --><div class="pinggu_markdown">
<div class="pinggu_markdown__html"><h1 id="欢迎使用markdown编辑器">欢迎使用Markdown编辑器</h1>
<blockquote>
<p>经管之家：Do the best economic and management education！</p>
</blockquote>
<p>你好！ 这是你第一次使用 <strong>Markdown编辑器</strong> 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。</p>
<h2 id="功能快捷键">功能快捷键</h2>
<p>撤销：<kbd>Ctrl/Command</kbd> + <kbd>Z</kbd><br>
重做：<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 id="合理的创建标题，有助于目录的生成">合理的创建标题，有助于目录的生成</h2>
<p>直接输入1次<kbd>#</kbd>，并按下<kbd>space</kbd>后，将生成1级标题。<br>
输入2次<kbd>#</kbd>，并按下<kbd>space</kbd>后，将生成2级标题。<br>
以此类推，我们支持6级标题。</p>
<h2 id="如何改变文本的样式">如何改变文本的样式</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 id="插入链接与图片">插入链接与图片</h2>
<p>链接: <a href="https://bbs.pinggu.org">经管之家官网</a>.</p>
<p>图片:<br>
<img alt="Alt" src="https://cdn.pinggu.org/static/2015/images/jg-logo.png"></p>
<p>带尺寸的图片:</p>
<p><img width="100" height="50" alt="Alt" src="https://cdn.pinggu.org/static/2015/images/jg-logo.png"></p>
<h2 id="如何插入一段漂亮的代码片">如何插入一段漂亮的代码片</h2>
<p>选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 <code>代码片</code>.</p>
<pre class=" language-python"><code class="prism language-python"><span class="token keyword">def</span> <span class="token function">get_abs</span><span class="token punctuation">(</span>x<span class="token punctuation">)</span><span class="token punctuation">:</span>
<span class="token keyword">if</span> <span class="token operator">not</span> <span class="token builtin">isinstance</span><span class="token punctuation">(</span>x<span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token builtin">int</span><span class="token punctuation">,</span> <span class="token builtin">float</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">:</span>
<span class="token keyword">raise</span> TypeError<span class="token punctuation">(</span><span class="token string">'bad operand type'</span><span class="token punctuation">)</span>
<span class="token keyword">if</span> x <span class="token operator">>=</span> <span class="token number">0</span><span class="token punctuation">:</span>
<span class="token keyword">return</span> x
<span class="token keyword">else</span><span class="token punctuation">:</span>
<span class="token keyword">return</span> <span class="token operator">-</span>x
</code></pre>
<h2 id="生成一个适合你的列表">生成一个适合你的列表</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 disabled="" class="task-list-item-checkbox" type="checkbox"> 计划任务</li>
<li class="task-list-item"><input disabled="" class="task-list-item-checkbox" type="checkbox"> 完成任务</li>
</ul>
<h2 id="创建一个表格">创建一个表格</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 id="设定内容居中、居左、居右">设定内容居中、居左、居右</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 id="smartypants">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 id="创建一个自定义列表">创建一个自定义列表</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 id="如何创建一个注脚">如何创建一个注脚</h2>
<p>一个具有注脚的文本。<sup class="footnote-ref"><a id="fnref1" href="#fn1">1</a></sup></p>
<h2 id="注释也是必不可少的">注释也是必不可少的</h2>
<p>Markdown将文本转换为 <abbr title="超文本标记语言">HTML</abbr>。</p>
<h2 id="katex数学公式">KaTeX数学公式</h2>
<p>您可以使用渲染LaTeX数学表达式 <a href="https://khan.github.io/KaTeX/">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.27em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right: 0.27em;"></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.22em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right: 0.22em;"></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.27em;"></span><span class="mrel">∈</span><span class="mspace" style="margin-right: 0.27em;"></span></span><span class="base"><span class="strut" style="height: 0.68em; 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.04em;">z</span><span class="mclose">)</span><span class="mspace" style="margin-right: 0.27em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right: 0.27em;"></span></span><span class="base"><span class="strut" style="height: 2.32em; vertical-align: -0.91em;"></span><span class="mop"><span class="mop op-symbol large-op" style="top: 0em; margin-right: 0.44em; position: relative;">∫</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height: 1.41em;"><span style="top: -1.78em; margin-right: 0.05em; margin-left: -0.44em;"><span class="pstrut" style="height: 2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">0</span></span></span><span style="top: -3.81em; 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.91em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right: 0.16em;"></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.86em;"><span style="top: -3.11em; 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.04em;">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.84em;"><span style="top: -3.11em; 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.16em;"></span><span class="mord">.</span></span></span></span></span></span></p>
<blockquote>
<p>你可以找到更多关于的信息 <strong>LaTeX</strong> 数学表达式[here][1].</p>
</blockquote>
<h2 id="新的甘特图功能，丰富你的文章">新的甘特图功能，丰富你的文章</h2>
<div class="mermaid"><svg xmlns="http://www.w3.org/2000/svg" id="mermaid-svg-naipFIas2VarWQVw" viewBox="0 0 500 196" height="100%"><g /><g class="grid" font-family="sans-serif" font-size="10" fill="none" text-anchor="middle" transform="translate(75 146)"><path class="domain" stroke="#000" d="M 0.5 -111 V 0.5 H 350.5 V -111" /><g class="tick" opacity="1" transform="translate(22.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-07</text></g><g class="tick" opacity="1" transform="translate(66.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-09</text></g><g class="tick" opacity="1" transform="translate(109.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-11</text></g><g class="tick" opacity="1" transform="translate(153.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-13</text></g><g class="tick" opacity="1" transform="translate(197.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-15</text></g><g class="tick" opacity="1" transform="translate(241.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-17</text></g><g class="tick" opacity="1" transform="translate(284.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-19</text></g><g class="tick" opacity="1" transform="translate(328.5)"><line stroke="#000" y2="-111" /><text font-size="10" style="text-anchor: middle;" fill="#000" stroke="none" y="3" dy="1em">2014-01-21</text></g></g><g><rect class="section section0" x="0" y="48" width="462.5" height="24" /><rect class="section section0" x="0" y="72" width="462.5" height="24" /><rect class="section section0" x="0" y="96" width="462.5" height="24" /><rect class="section section0" x="0" y="120" width="462.5" height="24" /></g><g><rect class="task done0" x="75" y="50" width="44" height="20" rx="3" ry="3" /><rect class="task active0" x="141" y="74" width="65" height="20" rx="3" ry="3" /><rect class="task task0" x="206" y="98" width="110" height="20" rx="3" ry="3" /><rect class="task task0" x="316" y="122" width="109" height="20" rx="3" ry="3" /><text class="taskText taskText0 doneText0" font-size="11" x="97" y="63.5" text-height="20">已完成 </text><text class="taskText taskText0 activeText0" font-size="11" x="173.5" y="87.5" text-height="20">进行中 </text><text class="taskText taskText0 " font-size="11" x="261" y="111.5" text-height="20">计划一 </text><text class="taskText taskText0 " font-size="11" x="370.5" y="135.5" text-height="20">计划二 </text></g><g><text class="sectionTitle sectionTitle0" x="10" y="98">现有任务</text></g><g class="today"><line class="today" x1="46002" y1="25" x2="46002" y2="171" /></g><text class="titleText" x="250" y="25">Adding GANTT diagram functionality to mermaid</text></svg></div>
<ul>
<li>关于 <strong>甘特图</strong> 语法，参考 [这儿][2],</li>
</ul>
<h2 id="uml-图表">UML 图表</h2>
<p>可以使用UML图表进行渲染。 <a href="https://mermaidjs.github.io/">Mermaid</a>. 例如下面产生的一个序列图：:</p>
<div class="mermaid"><svg xmlns="http://www.w3.org/2000/svg" id="mermaid-svg-Y8oEjThCzQycl604" style="max-width:750px;" viewBox="-50 -10 750 438.9" width="100%" height="100%"><g /><g><line class="actor-line" id="actor3" stroke="#999" stroke-width="0.5px" x1="75" y1="5" x2="75" y2="427.9" /><rect class="actor" fill="#eaeaea" stroke="#666" x="0" y="0" width="150" height="65" rx="3" ry="3" /><text class="actor" style="text-anchor: middle;" alignment-baseline="central" dominant-baseline="central" x="75" y="32.5"><tspan x="75" dy="0">张三</tspan></text></g><g><line class="actor-line" id="actor4" stroke="#999" stroke-width="0.5px" x1="275" y1="5" x2="275" y2="427.9" /><rect class="actor" fill="#eaeaea" stroke="#666" x="200" y="0" width="150" height="65" rx="3" ry="3" /><text class="actor" style="text-anchor: middle;" alignment-baseline="central" dominant-baseline="central" x="275" y="32.5"><tspan x="275" dy="0">李四</tspan></text></g><g><line class="actor-line" id="actor5" stroke="#999" stroke-width="0.5px" x1="475" y1="5" x2="475" y2="427.9" /><rect class="actor" fill="#eaeaea" stroke="#666" x="400" y="0" width="150" height="65" rx="3" ry="3" /><text class="actor" style="text-anchor: middle;" alignment-baseline="central" dominant-baseline="central" x="475" y="32.5"><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 L 6 2 Z" /></marker></defs><defs><marker id="crosshead" refX="16" refY="4" markerWidth="15" markerHeight="8" orient="auto"><path style="stroke-dasharray: 0,0;" fill="black" stroke="#000000" stroke-width="1px" d="M 9 2 V 6 L 16 4 Z" /><path style="stroke-dasharray: 0,0;" fill="none" stroke="#000000" stroke-width="1px" d="M 0 1 L 6 7 M 6 1 L 0 7" /></marker></defs><g><text class="messageText" style="text-anchor: middle;" x="175" y="93">你好！李四, 最近怎么样?</text><line class="messageLine0" style="fill: none;" marker-end="url("#arrowhead")" stroke="black" stroke-width="2" x1="75" y1="100" x2="275" y2="100" /></g><g><text class="messageText" style="text-anchor: middle;" x="375" y="128">你最近怎么样，王五？</text><line class="messageLine1" style="fill: none; stroke-dasharray: 3,3;" marker-end="url("#arrowhead")" stroke="black" stroke-width="2" x1="275" y1="135" x2="475" y2="135" /></g><g><text class="messageText" style="text-anchor: middle;" x="175" y="163">我很好，谢谢!</text><line class="messageLine1" style="fill: none; stroke-dasharray: 3,3;" marker-end="url("#crosshead")" stroke="black" stroke-width="2" x1="275" y1="170" x2="75" y2="170" /></g><g><text class="messageText" style="text-anchor: middle;" x="375" y="198">我很好，谢谢!</text><line class="messageLine0" style="fill: none;" marker-end="url("#crosshead")" stroke="black" stroke-width="2" x1="275" y1="205" x2="475" y2="205" /></g><g><rect class="note" fill="#edf2ae" stroke="#666" x="500" y="215" width="150" height="57.9" rx="0" ry="0" /><text class="noteText" fill="black" x="496" y="239"><tspan fill="black" x="516">李四想了很长时间, 文字太长了</tspan></text><text class="noteText" fill="black" x="496" y="257.95"><tspan fill="black" x="516">不适合放在一行.</tspan></text></g><g><text class="messageText" style="text-anchor: middle;" x="175" y="300.9">打量着王五...</text><line class="messageLine1" style="fill: none; stroke-dasharray: 3,3;" marker-end="url("#arrowhead")" stroke="black" stroke-width="2" x1="275" y1="307.9" x2="75" y2="307.9" /></g><g><text class="messageText" style="text-anchor: middle;" x="275" y="335.9">很好... 王五, 你怎么样?</text><line class="messageLine0" style="fill: none;" marker-end="url("#arrowhead")" stroke="black" stroke-width="2" x1="75" y1="342.9" x2="475" y2="342.9" /></g><g><rect class="actor" fill="#eaeaea" stroke="#666" x="0" y="362.9" width="150" height="65" rx="3" ry="3" /><text class="actor" style="text-anchor: middle;" alignment-baseline="central" dominant-baseline="central" x="75" y="395.4"><tspan x="75" dy="0">张三</tspan></text></g><g><rect class="actor" fill="#eaeaea" stroke="#666" x="200" y="362.9" width="150" height="65" rx="3" ry="3" /><text class="actor" style="text-anchor: middle;" alignment-baseline="central" dominant-baseline="central" x="275" y="395.4"><tspan x="275" dy="0">李四</tspan></text></g><g><rect class="actor" fill="#eaeaea" stroke="#666" x="400" y="362.9" width="150" height="65" rx="3" ry="3" /><text class="actor" style="text-anchor: middle;" alignment-baseline="central" dominant-baseline="central" x="475" y="395.4"><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-Huhs8u7sdKHm89FE" style="max-width: 404.8479995727539px;" viewBox="0 0 404.848 159.44" width="100%"><g transform="translate(-12 -12)"><g class="output"><g class="clusters" /><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" style="fill:none" marker-end="url("#arrowhead33")" d="M 88 69.7968 L 129 43.36 L 196.64 43.36" /><defs><marker id="arrowhead33" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path class="arrowheadPath" style="stroke-dasharray: 1,0; stroke-width: 1;" d="M 0 0 L 10 5 L 0 10 Z" /></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" style="fill:none" marker-end="url("#arrowhead34")" d="M 88 113.643 L 129 140.08 L 170 140.08" /><defs><marker id="arrowhead34" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path class="arrowheadPath" style="stroke-dasharray: 1,0; stroke-width: 1;" d="M 0 0 L 10 5 L 0 10 Z" /></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" style="fill:none" marker-end="url("#arrowhead35")" d="M 243.36 43.36 L 295 43.36 L 338.74 73.9803" /><defs><marker id="arrowhead35" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path class="arrowheadPath" style="stroke-dasharray: 1,0; stroke-width: 1;" d="M 0 0 L 10 5 L 0 10 Z" /></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" style="fill:none" marker-end="url("#arrowhead36")" d="M 270 140.08 L 295 140.08 L 338.74 110.46" /><defs><marker id="arrowhead36" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path class="arrowheadPath" style="stroke-dasharray: 1,0; stroke-width: 1;" d="M 0 0 L 10 5 L 0 10 Z" /></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform="translate(129 43.36)"><g class="label" transform="translate(-16 -13.36)"><foreignObject width="32" height="26.72"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">链接</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g class="label" transform="translate(0)"><foreignObject width="0" height="0"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g class="label" transform="translate(0)"><foreignObject width="0" height="0"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g class="label" transform="translate(0)"><foreignObject width="0" height="0"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node" id="A" style="opacity: 1;" transform="translate(54 91.72)"><rect x="-34" y="-23.36" width="68" height="46.72" rx="0" ry="0" /><g class="label" transform="translate(0)"><g transform="translate(-24 -13.36)"><foreignObject width="48" height="26.72"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml">长方形</div></foreignObject></g></g></g><g class="node" id="B" style="opacity: 1;" transform="translate(220 43.36)"><circle r="23.36" x="-18" y="-23.359999656677246" /><g class="label" transform="translate(0)"><g transform="translate(-8 -13.36)"><foreignObject width="16" height="26.72"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml">圆</div></foreignObject></g></g></g><g class="node" id="C" style="opacity: 1;" transform="translate(220 140.08)"><rect x="-50" y="-23.36" width="100" height="46.72" rx="5" ry="5" /><g class="label" transform="translate(0)"><g transform="translate(-40 -13.36)"><foreignObject width="80" height="26.72"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml">圆角长方形</div></foreignObject></g></g></g><g class="node" id="D" style="opacity: 1;" transform="translate(364.424 91.72)"><polygon transform="translate(-44.424 44.424)" points="44.424,0 88.848,-44.424 44.424,-88.848 0,-44.424" rx="5" ry="5" /><g class="label" transform="translate(0)"><g transform="translate(-16 -13.36)"><foreignObject width="32" height="26.72"><div style="display: inline-block; white-space: nowrap;" xm lns="http://www.w3.org/1999/xhtml">菱形</div></foreignObject></g></g></g></g></g></g></svg></div>
<ul>
<li>关于 <strong>Mermaid</strong> 语法，参考 [这儿][3],<br>
[1]: <a href="http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference">http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference</a><br>
[2]: <a href="https://mermaidjs.github.io/">https://mermaidjs.github.io/</a><br>
[3]: <a href="https://mermaidjs.github.io/">https://mermaidjs.github.io/</a><br>
[4]: <a href="http://adrai.github.io/flowchart.js/">http://adrai.github.io/flowchart.js/</a></li>
</ul>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li class="footnote-item" id="fn1"><p>注脚的解释 <a class="footnote-backref" href="#fnref1">↩︎</a></p>
</li>
</ol>
</section>
</div>
</div>
扫码加好友，拉您进群
全部版块
我的主页
收藏
