<!-- 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₂O is是液体。</p>
<p>2^1&#48; 运算结果是 1&#48;24.</p>
<h2 id="插入链接与图片">插入链接与图片</h2>
<p>链接: <a href="https://bbs.pinggu.org">经管之家官网</a>.</p>
<p>图片:<br>
<img src="https://cdn.pinggu.org/static/2&#48;15/images/jg-logo.png" alt="Alt"></p>
<p>带尺寸的图片:</p>
<p><img src="https://cdn.pinggu.org/static/2&#48;15/images/jg-logo.png" alt="Alt" width="1&#48;&#48;" height="5&#48;"></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">&gt;=</span> <span class="token number">&#48;</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 type="checkbox" class="task-list-item-checkbox" disabled=""> 计划任务</li>
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled=""> 完成任务</li>
</ul>
<h2 id="创建一个表格">创建一个表格</h2>
<p>一个简单的表格是这么创建的：</p>

<table>
<thead>
<tr>
<th>项目</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>电脑</td>
<td>$16&#48;&#48;</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 href="#fn1" id="fnref1">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: -&#48;.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: &#48;.277778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right: &#48;.277778em;"></span></span><span class="base"><span class="strut" style="height: 1em; vertical-align: -&#48;.25em;"></span><span class="mopen">(</span><span class="mord mathit">n</span><span class="mspace" style="margin-right: &#48;.222222em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right: &#48;.222222em;"></span></span><span class="base"><span class="strut" style="height: 1em; vertical-align: -&#48;.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: &#48;.277778em;"></span><span class="mrel">∈</span><span class="mspace" style="margin-right: &#48;.277778em;"></span></span><span class="base"><span class="strut" style="height: &#48;.68889em; vertical-align: &#48;em;"></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>&#48;</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>&amp;ThinSpace;<mi mathvariant="normal">.</mi></mrow><annotation encoding="application/x-tex">
\Gamma(z) = \int_&#48;^\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: -&#48;.25em;"></span><span class="mord">Γ</span><span class="mopen">(</span><span class="mord mathit" style="margin-right: &#48;.&#48;4398em;">z</span><span class="mclose">)</span><span class="mspace" style="margin-right: &#48;.277778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right: &#48;.277778em;"></span></span><span class="base"><span class="strut" style="height: 2.32624em; vertical-align: -&#48;.91195em;"></span><span class="mop"><span class="mop op-symbol large-op" style="margin-right: &#48;.44445em; position: relative; top: -&#48;.&#48;&#48;1125em;">∫</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.788&#48;5em; margin-left: -&#48;.44445em; margin-right: &#48;.&#48;5em;"><span class="pstrut" style="height: 2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">&#48;</span></span></span><span class="" style="top: -3.8129em; margin-right: &#48;.&#48;5em;"><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: &#48;.91195em;"><span class=""></span></span></span></span></span></span><span class="mspace" style="margin-right: &#48;.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: &#48;.8641&#48;8em;"><span class="" style="top: -3.113em; margin-right: &#48;.&#48;5em;"><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: &#48;.&#48;4398em;">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: &#48;.843556em;"><span class="" style="top: -3.113em; margin-right: &#48;.&#48;5em;"><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: &#48;.166667em;"></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/2&#48;&#48;&#48;/svg" id="mermaid-svg-j8UK4JhFYTFdofcO" height="1&#48;&#48;%" viewBox="&#48; &#48; 5&#48;&#48; 196"><g></g><g class="grid" transform="translate(75, 146)" fill="none" font-size="1&#48;" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#&#48;&#48;&#48;" d="M&#48;.5,-111V&#48;.5H35&#48;.5V-111"></path><g class="tick" opacity="1" transform="translate(22.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-&#48;7</text></g><g class="tick" opacity="1" transform="translate(66.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-&#48;9</text></g><g class="tick" opacity="1" transform="translate(1&#48;9.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-11</text></g><g class="tick" opacity="1" transform="translate(153.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-13</text></g><g class="tick" opacity="1" transform="translate(197.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-15</text></g><g class="tick" opacity="1" transform="translate(241.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-17</text></g><g class="tick" opacity="1" transform="translate(284.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-19</text></g><g class="tick" opacity="1" transform="translate(328.5,&#48;)"><line stroke="#&#48;&#48;&#48;" y2="-111"></line><text fill="#&#48;&#48;&#48;" y="3" dy="1em" stroke="none" font-size="1&#48;" style="text-anchor: middle;">2&#48;14-&#48;1-21</text></g></g><g><rect x="&#48;" y="48" width="462.5" height="24" class="section section&#48;"></rect><rect x="&#48;" y="72" width="462.5" height="24" class="section section&#48;"></rect><rect x="&#48;" y="96" width="462.5" height="24" class="section section&#48;"></rect><rect x="&#48;" y="12&#48;" width="462.5" height="24" class="section section&#48;"></rect></g><g><rect rx="3" ry="3" x="75" y="5&#48;" width="44" height="2&#48;" class="task  done&#48;"></rect><rect rx="3" ry="3" x="141" y="74" width="65" height="2&#48;" class="task  active&#48;"></rect><rect rx="3" ry="3" x="2&#48;6" y="98" width="11&#48;" height="2&#48;" class="task  task&#48;"></rect><rect rx="3" ry="3" x="316" y="122" width="1&#48;9" height="2&#48;" class="task  task&#48;"></rect><text font-size="11" x="97" y="63.5" text-height="2&#48;" class="taskText taskText&#48;  doneText&#48;">已完成               </text><text font-size="11" x="173.5" y="87.5" text-height="2&#48;" class="taskText taskText&#48; activeText&#48;">进行中               </text><text font-size="11" x="261" y="111.5" text-height="2&#48;" class="taskText taskText&#48; ">计划一               </text><text font-size="11" x="37&#48;.5" y="135.5" text-height="2&#48;" class="taskText taskText&#48; ">计划二               </text></g><g><text x="1&#48;" y="98" class="sectionTitle sectionTitle&#48;">现有任务</text></g><g class="today"><line x1="5&#48;73&#48;" x2="5&#48;73&#48;" y1="25" y2="171" class="today"></line></g><text x="25&#48;" y="25" class="titleText">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/2&#48;&#48;&#48;/svg" id="mermaid-svg-U5xnLxrt2iMulMGv" height="1&#48;&#48;%" width="1&#48;&#48;%" style="max-width:75&#48;px;" viewBox="-5&#48; -1&#48; 75&#48; 431.&#48;15625"><g></g><g><line id="actor3" x1="75" y1="5" x2="75" y2="42&#48;.&#48;15625" class="actor-line" stroke-width="&#48;.5px" stroke="#999"></line><rect x="&#48;" y="&#48;" fill="#eaeaea" stroke="#666" width="15&#48;" 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="&#48;">张三</tspan></text></g><g><line id="actor4" x1="275" y1="5" x2="275" y2="42&#48;.&#48;15625" class="actor-line" stroke-width="&#48;.5px" stroke="#999"></line><rect x="2&#48;&#48;" y="&#48;" fill="#eaeaea" stroke="#666" width="15&#48;" 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="&#48;">李四</tspan></text></g><g><line id="actor5" x1="475" y1="5" x2="475" y2="42&#48;.&#48;15625" class="actor-line" stroke-width="&#48;.5px" stroke="#999"></line><rect x="4&#48;&#48;" y="&#48;" fill="#eaeaea" stroke="#666" width="15&#48;" 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="&#48;">王五</tspan></text></g><defs><marker id="arrowhead" refX="5" refY="2" markerWidth="6" markerHeight="4" orient="auto"><path d="M &#48;,&#48; 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="#&#48;&#48;&#48;&#48;&#48;&#48;" stroke-width="1px" d="M 9,2 V 6 L16,4 Z" style="stroke-dasharray: &#48;, &#48;;"></path><path fill="none" stroke="#&#48;&#48;&#48;&#48;&#48;&#48;" stroke-width="1px" d="M &#48;,1 L 6,7 M 6,1 L &#48;,7" style="stroke-dasharray: &#48;, &#48;;"></path></marker></defs><g><text x="175" y="93" class="messageText" style="text-anchor: middle;">你好！李四, 最近怎么样?</text><line x1="75" y1="1&#48;&#48;" x2="275" y2="1&#48;&#48;" class="messageLine&#48;" 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="17&#48;" x2="75" y2="17&#48;" 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="2&#48;5" x2="475" y2="2&#48;5" class="messageLine&#48;" stroke-width="2" stroke="black" marker-end="url(#crosshead)" style="fill: none;"></line></g><g><rect x="5&#48;&#48;" y="215" fill="#EDF2AE" stroke="#666" width="15&#48;" height="5&#48;.&#48;15625" rx="&#48;" ry="&#48;" class="note"></rect><text x="496" y="239" fill="black" class="noteText"><tspan x="516" fill="black">李四想了很长时间, 文字太长了</tspan></text><text x="496" y="254.34375" fill="black" class="noteText"><tspan x="516" fill="black">不适合放在一行.</tspan></text></g><g><text x="175" y="293.&#48;15625" class="messageText" style="text-anchor: middle;">打量着王五...</text><line x1="275" y1="3&#48;&#48;.&#48;15625" x2="75" y2="3&#48;&#48;.&#48;15625" 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="328.&#48;15625" class="messageText" style="text-anchor: middle;">很好... 王五, 你怎么样?</text><line x1="75" y1="335.&#48;15625" x2="475" y2="335.&#48;15625" class="messageLine&#48;" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="fill: none;"></line></g><g><rect x="&#48;" y="355.&#48;15625" fill="#eaeaea" stroke="#666" width="15&#48;" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="387.515625" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="75" dy="&#48;">张三</tspan></text></g><g><rect x="2&#48;&#48;" y="355.&#48;15625" fill="#eaeaea" stroke="#666" width="15&#48;" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="387.515625" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="275" dy="&#48;">李四</tspan></text></g><g><rect x="4&#48;&#48;" y="355.&#48;15625" fill="#eaeaea" stroke="#666" width="15&#48;" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="387.515625" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="475" dy="&#48;">王五</tspan></text></g></svg></div>
<p>这将产生一个流程图。:</p>
<div class="mermaid"><svg xmlns="http://www.w3.org/2&#48;&#48;&#48;/svg" id="mermaid-svg-L&#48;29yQurCq6Kr5rG" width="1&#48;&#48;%" style="max-width: 51&#48;.3&#48;&#48;&#48;&#48;3&#48;517578px;" viewBox="&#48; &#48; 51&#48;.3&#48;&#48;&#48;&#48;3&#48;517578 184"><g transform="translate(-12, -12)"><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M112,77.61&#48;52631578947L161,49.5L25&#48;.5,49.5" marker-end="url(#arrowhead33)" style="fill:none"></path><defs><marker id="arrowhead33" viewBox="&#48; &#48; 1&#48; 1&#48;" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M &#48; &#48; L 1&#48; 5 L &#48; 1&#48; z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, &#48;;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M112,13&#48;.38947368421&#48;51L161,158.5L21&#48;,158.5" marker-end="url(#arrowhead34)" style="fill:none"></path><defs><marker id="arrowhead34" viewBox="&#48; &#48; 1&#48; 1&#48;" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M &#48; &#48; L 1&#48; 5 L &#48; 1&#48; z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, &#48;;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M3&#48;9.5,49.5L375,49.5L423.293&#48;839592387,81.7&#48;691451488247" marker-end="url(#arrowhead35)" style="fill:none"></path><defs><marker id="arrowhead35" viewBox="&#48; &#48; 1&#48; 1&#48;" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M &#48; &#48; L 1&#48; 5 L &#48; 1&#48; z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, &#48;;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M35&#48;,158.5L375,158.5L423.293&#48;8579386657,127.293&#48;8426798767" marker-end="url(#arrowhead36)" style="fill:none"></path><defs><marker id="arrowhead36" viewBox="&#48; &#48; 1&#48; 1&#48;" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M &#48; &#48; L 1&#48; 5 L &#48; 1&#48; z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, &#48;;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(161,49.5)" style="opacity: 1;"><g transform="translate(-24,-19.5)" class="label"><foreignObject width="48" height="39"><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" style="opacity: 1;" transform=""><g transform="translate(&#48;,&#48;)" class="label"><foreignObject width="&#48;" height="&#48;"><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" style="opacity: 1;" transform=""><g transform="translate(&#48;,&#48;)" class="label"><foreignObject width="&#48;" height="&#48;"><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" style="opacity: 1;" transform=""><g transform="translate(&#48;,&#48;)" class="label"><foreignObject width="&#48;" height="&#48;"><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(66,1&#48;4)" style="opacity: 1;"><rect rx="&#48;" ry="&#48;" x="-46" y="-29.5" width="92" height="59"></rect><g class="label" transform="translate(&#48;,&#48;)"><g transform="translate(-36,-19.5)"><foreignObject width="72" height="39"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">长方形</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="B" transform="translate(28&#48;,49.5)"><circle x="-22" y="-29.5" r="29.5"></circle><g class="label" transform="translate(&#48;,&#48;)"><g transform="translate(-12,-19.5)"><foreignObject width="24" height="39"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">圆</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="C" transform="translate(28&#48;,158.5)"><rect rx="5" ry="5" x="-7&#48;" y="-29.5" width="14&#48;" height="59"></rect><g class="label" transform="translate(&#48;,&#48;)"><g transform="translate(-6&#48;,-19.5)"><foreignObject width="12&#48;" height="39"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">圆角长方形</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="D" transform="translate(457.15&#48;&#48;&#48;15258789,1&#48;4)"><polygon points="57.15,&#48; 114.3,-57.15 57.15,-114.3 &#48;,-57.15" rx="5" ry="5" transform="translate(-57.15,57.15)"></polygon><g class="label" transform="translate(&#48;,&#48;)"><g transform="translate(-24,-19.5)"><foreignObject width="48" height="39"><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> 语法，参考 [这儿][3],<br>
[1]: <a href="http://meta.math.stackexchange.com/questions/5&#48;2&#48;/mathjax-basic-tutorial-and-quick-reference">http://meta.math.stackexchange.com/questions/5&#48;2&#48;/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 id="fn1" class="footnote-item"><p>注脚的解释 <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
</div>
</div>