基础的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&gt;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>&amp;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"}'>
posted @ 2019-08-30 15:42  tiana_Z  阅读(221)  评论(0编辑  收藏  举报