中創礦池 ——IPFS/Filecoin存在的必然性,時代發展使然
隨著社會和科學技術的發展,新生事物取代舊有事物是必然的趨勢,正所謂時代的磨盤滾滾碾來,誰也難以抵擋,就比如膠卷相機必定將被數碼相機最后被手機取代;傳統的書信通信會被短信和微信聊天取代,這些被取代的事物背后最終是用戶需求和生產效率低下的原因,是社會發展的必然結果, 眾所周知,互聯網是建立在HTTP協議上的,HTTP協議是個偉大的發明, 讓我們的互聯網得以快速發展,但是互聯網發展到了今天HTTP逐漸出現了不足, 現有的互聯網是一個高度中心化的網路,使用HTTP協議每次需要從中心化的服務器下載完整的檔案(網頁, 視頻, 圖片等), 速度慢, 效率低;除此之外,還有諸如安全隱私性差、資料確權不明等等問題,這些都源于互聯網的中心化,而分布式的IPFS協議可以克服這些WEB的缺點, IPFS誕生之初,就是為了解決現有中心化存盤所存在的問題, IPFS采用了端對端加密技術和分片技術,在哈希演算法下讓資料分布式存盤,拒絕資料被竊取和攻擊,其次是穩定性,無中心化服務器控制的IPFS,節點間點對點相互通信,單向的樹狀結構,意味沒有單點故障,IPFS的檔案版本溯源機制幫助網路解決冗余問題,讓資源消耗降低,最后是極大降低成本,和亞馬遜等傳統的云存盤服務相比,IPFS可以節省60%的帶寬成本,分布式節點的高擴展性,可良好應對不斷增長的資料存盤壓力, 隨著社會、互聯網技術的發展,全球的資料越來越多,存盤的需求愈發強烈,但現有的中心化存盤非常低效且昂貴,有需求就會有解決需求的方案,于是IPFS給出了相對應的解決方案——分布式存盤,IPFS作為一種新興的分布式存盤網路,為區塊鏈行業帶來一種全新的發展方式,IPFS的誕生可以有效緩解當下的資料存盤困境,大幅度降低資料存盤和傳輸成本并提升資料的安全性, 位元幣是區塊鏈行業的1.0技術版本,后續的以太坊則被稱為區塊鏈技術2.0版本,以太坊解決了“智能合約”的問題,但這并不是區塊鏈技術的終點,因為區塊鏈技術仍有很多問題沒有解決,但每一個關鍵技術的解決就會誕生區塊鏈行業的一個標志性專案,而IPFS/Filecoin就是這樣一個專案, 當前區塊鏈行業各種專案五花八門,但它們大部分都是為專案方服務,而不是為人類服務,而IPFS是為全人類服務的,是大眾化的,誰都可參與的,對于整個區塊鏈生態來說,太多公鏈的關注點是金融領域,并且真正能夠落地的也是極少數,IPFS/Filecoin關注于互聯網資料存盤,是區塊鏈目前為止最具落地價值的專案之一, Filecoin是在IPFS其上的激勵層,通過token激勵模式在IPFS上構建了一個去中心化存盤市場,IPFS分布式存盤技術的解決方案自立項之日起就被專業人士看好,被認為是Web3.0的基礎協議,未來互聯網技術的底層基礎設施, IPFS/Filecoin與區塊鏈協同作業,解決了區塊鏈的兩大問題:一是區塊鏈存盤效率低,成本高;二是跨鏈需要各個鏈之間協同配合,難以協調,使用IPFS來處理大量資料,并將不變的、永久的IPFS鏈接地址放置到區塊鏈中,而不必將資料本身放在區塊鏈中,畢竟,區塊鏈的本質是分布式賬本,本身的瓶頸就是賬本的存盤能力,目前大部分公鏈的最大問題,是無法存盤大量的資料在自己的鏈上,所以,運用IPFS/Filecoin技術解決存盤就成了必然, 國家同樣敏銳認識到了這種趨勢,現在已經把區塊鏈上升為國家戰略,納入“新基建”的政策之中,IPFS通過區塊鏈技術立足資料存盤行業,成為互聯網新基建的重要一環,未來將成為數字經濟中的中堅力量, 未來萬物互聯的腳步越來越近,資料量必定是海量的存在,面對這些天量的資料,IPFS/Filecoin提供了一個全新的資料存盤可能性, 在所有生產資料和資產中,其實作實世界中的生產資料和資產,都是在低速增長或者不增長,而只有資料,在當下和可見的未來,都將高速增長,逐步形成資料的海洋,而目前最可能承載這汪洋大海的,就是IPFS, 區塊鏈解決人與人之間的信任問題,而IPFS/Filecoin解決了區塊鏈的存盤容量不足的問題,目前,隨著各國對于區塊鏈專案的應用和探索提升,對于數字資產的共識也越來越高, 當前IPFS/Filecoin還處于發展的早期,生態的發展仍需要足夠的應用去搭建和完善,但也是參與的最佳時期,不要做一個旁觀者,把握時代的機遇,成功只是社會發展的必然
生成一個適合你的串列
專案1 專案2 專案3
創建一個表格
一個簡單的表格是這么創建的:
設定內容居中、居左、居右
使用:---------:居中 使用:----------居左 使用----------:居右
第一列 第二列 第三列 第一列文本居中 第二列文本居右 第三列文本居左
SmartyPants
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
∞
t
z
?
1
e
?
t
d
t
?
.
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
Γ ( z ) = ∫ 0 ∞ ? t z ? 1 e ? t d t .
你可以找到更多關于的資訊 LaTeX 數學運算式here.
新的甘特圖功能,豐富你的文章
Mon 06
Mon 13
Mon 20
已完成
進行中
計劃一
計劃二
現有任務
Adding GANTT diagram functionality to mermaid
UML 圖表
可以使用UML圖表進行渲染, Mermaid. 例如下面產生的一個序列圖:
<style>#mermaid-svg-xjUrBdgcN4GXrw0Z .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .label text{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .node rect,#mermaid-svg-xjUrBdgcN4GXrw0Z .node circle,#mermaid-svg-xjUrBdgcN4GXrw0Z .node ellipse,#mermaid-svg-xjUrBdgcN4GXrw0Z .node polygon,#mermaid-svg-xjUrBdgcN4GXrw0Z .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-xjUrBdgcN4GXrw0Z .node .label{text-align:center;fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .node.clickable{cursor:pointer}#mermaid-svg-xjUrBdgcN4GXrw0Z .arrowheadPath{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-xjUrBdgcN4GXrw0Z .flowchart-link{stroke:#333;fill:none}#mermaid-svg-xjUrBdgcN4GXrw0Z .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-xjUrBdgcN4GXrw0Z .edgeLabel rect{opacity:0.9}#mermaid-svg-xjUrBdgcN4GXrw0Z .edgeLabel span{color:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-xjUrBdgcN4GXrw0Z .cluster text{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-xjUrBdgcN4GXrw0Z .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-xjUrBdgcN4GXrw0Z text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-xjUrBdgcN4GXrw0Z .actor-line{stroke:grey}#mermaid-svg-xjUrBdgcN4GXrw0Z .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .sequenceNumber{fill:#fff}#mermaid-svg-xjUrBdgcN4GXrw0Z #sequencenumber{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z #crosshead path{fill:#333;stroke:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .messageText{fill:#333;stroke:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-xjUrBdgcN4GXrw0Z .labelText,#mermaid-svg-xjUrBdgcN4GXrw0Z .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-xjUrBdgcN4GXrw0Z .loopText,#mermaid-svg-xjUrBdgcN4GXrw0Z .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-xjUrBdgcN4GXrw0Z .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-xjUrBdgcN4GXrw0Z .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-xjUrBdgcN4GXrw0Z .noteText,#mermaid-svg-xjUrBdgcN4GXrw0Z .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-xjUrBdgcN4GXrw0Z .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-xjUrBdgcN4GXrw0Z .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-xjUrBdgcN4GXrw0Z .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-xjUrBdgcN4GXrw0Z .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .section{stroke:none;opacity:0.2}#mermaid-svg-xjUrBdgcN4GXrw0Z .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-xjUrBdgcN4GXrw0Z .section2{fill:#fff400}#mermaid-svg-xjUrBdgcN4GXrw0Z .section1,#mermaid-svg-xjUrBdgcN4GXrw0Z .section3{fill:#fff;opacity:0.2}#mermaid-svg-xjUrBdgcN4GXrw0Z .sectionTitle0{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .sectionTitle1{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .sectionTitle2{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .sectionTitle3{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-xjUrBdgcN4GXrw0Z .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .grid path{stroke-width:0}#mermaid-svg-xjUrBdgcN4GXrw0Z .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-xjUrBdgcN4GXrw0Z .task{stroke-width:2}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskText:not([font-size]){font-size:11px}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-xjUrBdgcN4GXrw0Z .task.clickable{cursor:pointer}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskText0,#mermaid-svg-xjUrBdgcN4GXrw0Z .taskText1,#mermaid-svg-xjUrBdgcN4GXrw0Z .taskText2,#mermaid-svg-xjUrBdgcN4GXrw0Z .taskText3{fill:#fff}#mermaid-svg-xjUrBdgcN4GXrw0Z .task0,#mermaid-svg-xjUrBdgcN4GXrw0Z .task1,#mermaid-svg-xjUrBdgcN4GXrw0Z .task2,#mermaid-svg-xjUrBdgcN4GXrw0Z .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutside0,#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutside2{fill:#000}#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutside1,#mermaid-svg-xjUrBdgcN4GXrw0Z .taskTextOutside3{fill:#000}#mermaid-svg-xjUrBdgcN4GXrw0Z .active0,#mermaid-svg-xjUrBdgcN4GXrw0Z .active1,#mermaid-svg-xjUrBdgcN4GXrw0Z .active2,#mermaid-svg-xjUrBdgcN4GXrw0Z .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-xjUrBdgcN4GXrw0Z .activeText0,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeText1,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeText2,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeText3{fill:#000 !important}#mermaid-svg-xjUrBdgcN4GXrw0Z .done0,#mermaid-svg-xjUrBdgcN4GXrw0Z .done1,#mermaid-svg-xjUrBdgcN4GXrw0Z .done2,#mermaid-svg-xjUrBdgcN4GXrw0Z .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-xjUrBdgcN4GXrw0Z .doneText0,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneText1,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneText2,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneText3{fill:#000 !important}#mermaid-svg-xjUrBdgcN4GXrw0Z .crit0,#mermaid-svg-xjUrBdgcN4GXrw0Z .crit1,#mermaid-svg-xjUrBdgcN4GXrw0Z .crit2,#mermaid-svg-xjUrBdgcN4GXrw0Z .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCrit0,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCrit1,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCrit2,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCrit0,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCrit1,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCrit2,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-xjUrBdgcN4GXrw0Z .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-xjUrBdgcN4GXrw0Z .milestoneText{font-style:italic}#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCritText0,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCritText1,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCritText2,#mermaid-svg-xjUrBdgcN4GXrw0Z .doneCritText3{fill:#000 !important}#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCritText0,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCritText1,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCritText2,#mermaid-svg-xjUrBdgcN4GXrw0Z .activeCritText3{fill:#000 !important}#mermaid-svg-xjUrBdgcN4GXrw0Z .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-xjUrBdgcN4GXrw0Z g.classGroup text .title{font-weight:bolder}#mermaid-svg-xjUrBdgcN4GXrw0Z g.clickable{cursor:pointer}#mermaid-svg-xjUrBdgcN4GXrw0Z g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-xjUrBdgcN4GXrw0Z g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-xjUrBdgcN4GXrw0Z .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-xjUrBdgcN4GXrw0Z .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-xjUrBdgcN4GXrw0Z .dashed-line{stroke-dasharray:3}#mermaid-svg-xjUrBdgcN4GXrw0Z #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z .commit-id,#mermaid-svg-xjUrBdgcN4GXrw0Z .commit-msg,#mermaid-svg-xjUrBdgcN4GXrw0Z .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-xjUrBdgcN4GXrw0Z g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-xjUrBdgcN4GXrw0Z g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-xjUrBdgcN4GXrw0Z g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-xjUrBdgcN4GXrw0Z .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-xjUrBdgcN4GXrw0Z .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-xjUrBdgcN4GXrw0Z .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-xjUrBdgcN4GXrw0Z .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-xjUrBdgcN4GXrw0Z .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-xjUrBdgcN4GXrw0Z .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-xjUrBdgcN4GXrw0Z .edgeLabel text{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-xjUrBdgcN4GXrw0Z .node circle.state-start{fill:black;stroke:black}#mermaid-svg-xjUrBdgcN4GXrw0Z .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-xjUrBdgcN4GXrw0Z #statediagram-barbEnd{fill:#9370db}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-state .divider{stroke:#9370db}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-xjUrBdgcN4GXrw0Z .note-edge{stroke-dasharray:5}#mermaid-svg-xjUrBdgcN4GXrw0Z .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-xjUrBdgcN4GXrw0Z .error-icon{fill:#522}#mermaid-svg-xjUrBdgcN4GXrw0Z .error-text{fill:#522;stroke:#522}#mermaid-svg-xjUrBdgcN4GXrw0Z .edge-thickness-normal{stroke-width:2px}#mermaid-svg-xjUrBdgcN4GXrw0Z .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-xjUrBdgcN4GXrw0Z .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-xjUrBdgcN4GXrw0Z .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-xjUrBdgcN4GXrw0Z .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-xjUrBdgcN4GXrw0Z .marker{fill:#333}#mermaid-svg-xjUrBdgcN4GXrw0Z .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-xjUrBdgcN4GXrw0Z {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
張三
李四
王五
你好!李四, 最近怎么樣?
你最近怎么樣,王五?
我很好,謝謝!
我很好,謝謝!
李四想了很長時間, 文字太長了
不適合放在一行.
打量著王五...
很好... 王五, 你怎么樣?
張三
李四
王五
這將產生一個流程圖,:
<style>#mermaid-svg-6wQwDtSBgeC7CfWh .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .label text{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .node rect,#mermaid-svg-6wQwDtSBgeC7CfWh .node circle,#mermaid-svg-6wQwDtSBgeC7CfWh .node ellipse,#mermaid-svg-6wQwDtSBgeC7CfWh .node polygon,#mermaid-svg-6wQwDtSBgeC7CfWh .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-6wQwDtSBgeC7CfWh .node .label{text-align:center;fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .node.clickable{cursor:pointer}#mermaid-svg-6wQwDtSBgeC7CfWh .arrowheadPath{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-6wQwDtSBgeC7CfWh .flowchart-link{stroke:#333;fill:none}#mermaid-svg-6wQwDtSBgeC7CfWh .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-6wQwDtSBgeC7CfWh .edgeLabel rect{opacity:0.9}#mermaid-svg-6wQwDtSBgeC7CfWh .edgeLabel span{color:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-6wQwDtSBgeC7CfWh .cluster text{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-6wQwDtSBgeC7CfWh .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-6wQwDtSBgeC7CfWh text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-6wQwDtSBgeC7CfWh .actor-line{stroke:grey}#mermaid-svg-6wQwDtSBgeC7CfWh .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-6wQwDtSBgeC7CfWh #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .sequenceNumber{fill:#fff}#mermaid-svg-6wQwDtSBgeC7CfWh #sequencenumber{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh #crosshead path{fill:#333;stroke:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .messageText{fill:#333;stroke:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-6wQwDtSBgeC7CfWh .labelText,#mermaid-svg-6wQwDtSBgeC7CfWh .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-6wQwDtSBgeC7CfWh .loopText,#mermaid-svg-6wQwDtSBgeC7CfWh .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-6wQwDtSBgeC7CfWh .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-6wQwDtSBgeC7CfWh .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-6wQwDtSBgeC7CfWh .noteText,#mermaid-svg-6wQwDtSBgeC7CfWh .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-6wQwDtSBgeC7CfWh .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-6wQwDtSBgeC7CfWh .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-6wQwDtSBgeC7CfWh .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-6wQwDtSBgeC7CfWh .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .section{stroke:none;opacity:0.2}#mermaid-svg-6wQwDtSBgeC7CfWh .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-6wQwDtSBgeC7CfWh .section2{fill:#fff400}#mermaid-svg-6wQwDtSBgeC7CfWh .section1,#mermaid-svg-6wQwDtSBgeC7CfWh .section3{fill:#fff;opacity:0.2}#mermaid-svg-6wQwDtSBgeC7CfWh .sectionTitle0{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .sectionTitle1{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .sectionTitle2{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .sectionTitle3{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-6wQwDtSBgeC7CfWh .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .grid path{stroke-width:0}#mermaid-svg-6wQwDtSBgeC7CfWh .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-6wQwDtSBgeC7CfWh .task{stroke-width:2}#mermaid-svg-6wQwDtSBgeC7CfWh .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .taskText:not([font-size]){font-size:11px}#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-6wQwDtSBgeC7CfWh .task.clickable{cursor:pointer}#mermaid-svg-6wQwDtSBgeC7CfWh .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6wQwDtSBgeC7CfWh .taskText0,#mermaid-svg-6wQwDtSBgeC7CfWh .taskText1,#mermaid-svg-6wQwDtSBgeC7CfWh .taskText2,#mermaid-svg-6wQwDtSBgeC7CfWh .taskText3{fill:#fff}#mermaid-svg-6wQwDtSBgeC7CfWh .task0,#mermaid-svg-6wQwDtSBgeC7CfWh .task1,#mermaid-svg-6wQwDtSBgeC7CfWh .task2,#mermaid-svg-6wQwDtSBgeC7CfWh .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutside0,#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutside2{fill:#000}#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutside1,#mermaid-svg-6wQwDtSBgeC7CfWh .taskTextOutside3{fill:#000}#mermaid-svg-6wQwDtSBgeC7CfWh .active0,#mermaid-svg-6wQwDtSBgeC7CfWh .active1,#mermaid-svg-6wQwDtSBgeC7CfWh .active2,#mermaid-svg-6wQwDtSBgeC7CfWh .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-6wQwDtSBgeC7CfWh .activeText0,#mermaid-svg-6wQwDtSBgeC7CfWh .activeText1,#mermaid-svg-6wQwDtSBgeC7CfWh .activeText2,#mermaid-svg-6wQwDtSBgeC7CfWh .activeText3{fill:#000 !important}#mermaid-svg-6wQwDtSBgeC7CfWh .done0,#mermaid-svg-6wQwDtSBgeC7CfWh .done1,#mermaid-svg-6wQwDtSBgeC7CfWh .done2,#mermaid-svg-6wQwDtSBgeC7CfWh .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-6wQwDtSBgeC7CfWh .doneText0,#mermaid-svg-6wQwDtSBgeC7CfWh .doneText1,#mermaid-svg-6wQwDtSBgeC7CfWh .doneText2,#mermaid-svg-6wQwDtSBgeC7CfWh .doneText3{fill:#000 !important}#mermaid-svg-6wQwDtSBgeC7CfWh .crit0,#mermaid-svg-6wQwDtSBgeC7CfWh .crit1,#mermaid-svg-6wQwDtSBgeC7CfWh .crit2,#mermaid-svg-6wQwDtSBgeC7CfWh .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-6wQwDtSBgeC7CfWh .activeCrit0,#mermaid-svg-6wQwDtSBgeC7CfWh .activeCrit1,#mermaid-svg-6wQwDtSBgeC7CfWh .activeCrit2,#mermaid-svg-6wQwDtSBgeC7CfWh .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-6wQwDtSBgeC7CfWh .doneCrit0,#mermaid-svg-6wQwDtSBgeC7CfWh .doneCrit1,#mermaid-svg-6wQwDtSBgeC7CfWh .doneCrit2,#mermaid-svg-6wQwDtSBgeC7CfWh .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-6wQwDtSBgeC7CfWh .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-6wQwDtSBgeC7CfWh .milestoneText{font-style:italic}#mermaid-svg-6wQwDtSBgeC7CfWh .doneCritText0,#mermaid-svg-6wQwDtSBgeC7CfWh .doneCritText1,#mermaid-svg-6wQwDtSBgeC7CfWh .doneCritText2,#mermaid-svg-6wQwDtSBgeC7CfWh .doneCritText3{fill:#000 !important}#mermaid-svg-6wQwDtSBgeC7CfWh .activeCritText0,#mermaid-svg-6wQwDtSBgeC7CfWh .activeCritText1,#mermaid-svg-6wQwDtSBgeC7CfWh .activeCritText2,#mermaid-svg-6wQwDtSBgeC7CfWh .activeCritText3{fill:#000 !important}#mermaid-svg-6wQwDtSBgeC7CfWh .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-6wQwDtSBgeC7CfWh g.classGroup text .title{font-weight:bolder}#mermaid-svg-6wQwDtSBgeC7CfWh g.clickable{cursor:pointer}#mermaid-svg-6wQwDtSBgeC7CfWh g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-6wQwDtSBgeC7CfWh g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-6wQwDtSBgeC7CfWh .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-6wQwDtSBgeC7CfWh .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-6wQwDtSBgeC7CfWh .dashed-line{stroke-dasharray:3}#mermaid-svg-6wQwDtSBgeC7CfWh #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh .commit-id,#mermaid-svg-6wQwDtSBgeC7CfWh .commit-msg,#mermaid-svg-6wQwDtSBgeC7CfWh .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-6wQwDtSBgeC7CfWh g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-6wQwDtSBgeC7CfWh g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-6wQwDtSBgeC7CfWh g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-6wQwDtSBgeC7CfWh .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-6wQwDtSBgeC7CfWh .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-6wQwDtSBgeC7CfWh .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-6wQwDtSBgeC7CfWh .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-6wQwDtSBgeC7CfWh .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-6wQwDtSBgeC7CfWh .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-6wQwDtSBgeC7CfWh .edgeLabel text{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6wQwDtSBgeC7CfWh .node circle.state-start{fill:black;stroke:black}#mermaid-svg-6wQwDtSBgeC7CfWh .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-6wQwDtSBgeC7CfWh #statediagram-barbEnd{fill:#9370db}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-state .divider{stroke:#9370db}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-6wQwDtSBgeC7CfWh .note-edge{stroke-dasharray:5}#mermaid-svg-6wQwDtSBgeC7CfWh .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-6wQwDtSBgeC7CfWh .error-icon{fill:#522}#mermaid-svg-6wQwDtSBgeC7CfWh .error-text{fill:#522;stroke:#522}#mermaid-svg-6wQwDtSBgeC7CfWh .edge-thickness-normal{stroke-width:2px}#mermaid-svg-6wQwDtSBgeC7CfWh .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-6wQwDtSBgeC7CfWh .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-6wQwDtSBgeC7CfWh .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-6wQwDtSBgeC7CfWh .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-6wQwDtSBgeC7CfWh .marker{fill:#333}#mermaid-svg-6wQwDtSBgeC7CfWh .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-6wQwDtSBgeC7CfWh {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
鏈接
長方形
圓
圓角長方形
菱形
FLowchart流程圖
我們依舊會支持flowchart的流程圖:
Created with Rapha?l 2.2.0
開始
我的操作
確認?
結束
yes
no
關于 Flowchart流程圖 語法,參考 這兒.
匯出與匯入
匯出
如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯,當你完成了一篇文章的寫作, 在上方工具列找到 文章匯出 ,生成一個.md檔案或者.html檔案進行本地保存,
匯入
如果你想加載一篇你寫過的.md檔案,在上方工具列可以選擇匯入功能進行對應擴展名的檔案匯入, 繼續你的創作,