基礎的python數據分析

時間 2019-11-18

標籤基礎 python 數據分析欄目 Python 简体版

原文原文鏈接

　　1. 單行註釋javascript

　　#print("hello word;")css

　　2. 多行註釋html

　　'''java

　　print("hello word;")node

　　print("hello word;")git

　　'''github

　　3. Tab鍵表示分層web

　　s1='I\'am a boy.' #可使用轉義字符\markdown

　　print(s1)app

　　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"}'>