宝安高端网站建设哪家公司好,服务器上如何做网站,汕头seo网站优化,网络营销渠道建设方案当前#xff0c;分布式技术作为现代计算机科学和信息技术的重要组成部分#xff0c;在云计算、区块链等技术的推动下#xff0c;正以多样化的形式蓬勃发展。
而区块链作为一种特殊的分布式系统#xff0c;近年来也在各个领域得到了广泛关注。通过在区块链上运行智能合约…当前分布式技术作为现代计算机科学和信息技术的重要组成部分在云计算、区块链等技术的推动下正以多样化的形式蓬勃发展。
而区块链作为一种特殊的分布式系统近年来也在各个领域得到了广泛关注。通过在区块链上运行智能合约实现了许多创新的分布式应用DApp如去中心化金融DeFi、数字身份管理等为区块链技术的应用开辟了广阔空间。
为顺应分布式技术发展趋势服务国家数字经济发展战略抢占区块链技术制高点助力国家不断完善数字经济治理体系协同推进数字产业化和产业数字化2018年国家信息中心在对区块链技术架构、应用模式、服务机制进行了深入研究后做出了总体规划和顶层设计联合中国移动、中国银联、北京红枣科技等单位共同发起建立了区块链底层公共基础设施——区块链服务网络BSN。
基于分布式云基础设施理念设计的全球性区块链公共基础设施网络
BSN是我国首个完全自主知识产权的全球性区块链公共基础设施网络可以帮助传统的云服务商、数据中心、政府部门、企事业单位打造一个专业的系统级分布式信息化网络用于管理分布式多方应用、操作系统和云资源。
BSN按照分布式云基础设施理念设计定位于分布式技术应用的底层公共基础设施旨在充分发挥区块链技术特点和优势面向我国区块链应用需求结合云计算资源布局和应用实际切实降低区块链开发、部署、运维和监管成本繁荣区块链应用生态加快产业发展为实体经济的数字化转型和创新发展注入新动能为中国数字经济发展和社会治理提供强有力的支撑。
六年来BSN围绕关键技术开展技术研发和攻关构建商业化平台并持续推动产业化应用在促进技术创新、引领行业发展、推动海外应用等方面取得了令人瞩目的成就在海内外均产生了巨大的影响力。
同时BSN也为我国建设面向未来的新型可信数据基础设施建立“数据来源可确认、使用范围可界定、流通过程可追溯、安全风险可防范”的数据可信流通体系提供了助力为数据要素价值化提供了可信、可控的基础设施载体为建立和完善数据基础制度激活数据要素潜能、做强做优做大数字经济提供了底层技术保障。
定义下一代互联网基础架构推动互联网新公共层建立
传统的互联网是建立在数据的点对点传输基础之上的以区块链为代表的分布式技术为互联网的数据通信逻辑带来了一次重大变革原有的点对点数据通信变成了多方数据通信。
BSN的核心理念认为基于多方数据通信互联网上将会产生一个新的公共层未来的互联网因此会分为两层一层就是现在的互联网即Web2.0也可以称为互联网的私有层服务于目前在世界上占据主流的、由一个实体或一家公司控制的私有IT系统第二层则是一个新的互联网公共层即下一代互联网或Web3.0服务于分布式多方系统。可以预见未来很多数据会从中心化的私有系统转移到多方系统中因为这些多方系统能够提供一个公开、透明的公共网络环境并且能够保障用户对数据的所有权和控制权。
但是这两代互联网并不会互相取代而是互为补充选择使用哪个互联网完全由业务场景需求决定。
从架构上看传统互联网Web2.0与下一代互联网Web3.0的最底层都是云平台层包括公有云和私有云主要负责管理资源、虚拟机、操作系统等。BSN所做的就是在云平台层定义下一代互联网基础架构同时对操作系统层持续进行优化。
基于此目前BSN已经形成了稳定的技术架构包括BSN专网和BSN公网两大体系。
BSN专网BSN分布式云管平台是一套用来管理分布式和区块链系统以及应用的专业云环境管理软件。面向政企和机构客户可以在其现有的公有云、私有云或局域网内部署一套基于BSN技术体系的专有分布式网络环境与仅支持中心化应用的传统云管环境平行以多区块链框架作为操作系统能够跨云资源层、系统层、节点层、应用层和BaaS层进行全方位、自动化的计费、运维和运营管理。
BSN公网则包括面向国内市场的“BSN-DDC基础网络”和面向海外的“BSN Spartan网络”分别整合了开放联盟链和无币公链技术供中国以及世界各地的开发者访问、开发和部署分布式应用。企业、开发者和政府机构可以安装免费的算力中心和数据中心软件。
在BSN专网和BSN公网的基础上BSN利用各项创新技术构建起了一个安全、可靠、高效的区块链服务平台实现了能力产品化、运作市场化针对行业场景服务、国内社会经济服务和全球产业服务形成了完善的区块链基础设施产品和交付能力体系目前服务开发者超10万、部署区块链应用7000多个已经发展成为支持区块链产业应用众多、集成技术全面、物理分布广泛的全球性区块链公用基础设施。
2023年9月在北京举办的“全球性区块链服务网络BSN机制体系、关键技术和应用”科技成果鉴定会上与会专家听取了项目汇报观看了系统演示情况针对项目内容和技术创新性进行质询讨论认为项目总体水平达到国际先进其中区块链服务网络BSN机制体系、广域协同虚拟云技术、大规模异构区块链底层框架纳管互联技术处于国际领先水平同意项目通过科技成果鉴定。
促进分布式技术应用创新助推数字经济发展
成立六年多来BSN立足服务国家战略围绕经济社会需要不断进行分布式技术创新持续推动区块链技术在各个领域的创新应用。
2023年6月BSN创新性地推出了官方应用治理链“BSN延安链”开始针对建立一套符合中国国情的分布式技术治理体系和一系列相关技术标准开展试点工作。
BSN延安链专门用于提供来自权威机构并具有公共服务属性的分布式应用首批部署了可信区块链运行监测服务、全网分布式域名服务等试点应用由国家信息中心、中国信通院、中国移动等多家权威机构共同运营和管理12月12日BSN又在延安链上发布了由BSN发展联盟联合中盾安信、中国移动设计院等单位共同打造的BSN实名DID服务。
BSN实名DID服务充分融合了BSN区块链服务网络和CTID数字身份链两大基础设施通过将权威机构签发的带有实名属性的数字身份与区块链技术相结合可以从底层技术层面解决传统数字身份认证模式下的数据确权、隐私保护、身份认证等诸多难题构建多元化的实名认证体系更好地为Web3.0时代多方协作的分布式应用场景服务。
BSN实名DID服务以其独特的技术创新推动了数字身份认证体系的重要进步让用户对自己数字身份的生成和使用拥有了全部的控制权用户可以选择向不同的业务平台披露不同的数字身份信息让业务平台只需获取必要的最小化验证信息实现了个人隐私数据与业务平台的分离极大增强了对用户隐私数据的保护能力。
通过BSN延安链对各种基础应用、模式和标准不断进行试点和测试BSN致力于最终探索出能够构建互联网公共层并可以在全球通用的最有效的技术体系和生态体系并为建立新的技术体系做好相应的准备总结和积累经验以帮助国家更好地制定分布式技术和互联网3.0领域的相关法律法规以及政策让中国成为下一代互联网和分布式数据通讯的标准制定者和技术输出者。
与此同时BSN专网也以其技术优势在助力数字化转型以及促进政府、机构、企业的数据共享上面发挥着重要作用。
依托BSN的底层架构和技术BSN专网提供了高效的数据共享平台使得政府、机构、企业内部之间以及彼此相互之间能够更好地共享数据和信息优化业务流程促进效率提升为技术创新和数字经济发展提供了有力支撑。目前BSN已被20多个省市、特别行政区等纳入数字经济或新基建规划赋能数字经济、智慧城市、数字政府等领域上百项应用。
在政务领域BSN为河南政务数字化转型提供了可靠的基础设施支撑不仅完成了省级区块链主干网验收工作还协助推动了地市级项目的可研和方案编制助力打造了省市互通的可信基础设施。此外BSN还参与推动了湘潭数字政府区块链项目建设提供基于“BSN专网中移链”的解决方案力争在湖南省级区块链的发展和建设过程中贡献更多力量。
在司法领域BSN专网为信息共享和案件处理带来了新的范式为司法系统的数字化转型提供了技术支撑。基于BSN专网司法机构可以在现有网络环境下开展协同工作有效提升办案效率。在最高法区块链司法协同课题中BSN对全国31个省份的司法协同状况进行了调研并与上海交通大学合作评估初步计划将宁夏作为试点推动课题项目实施。
在粮食领域BSN与地方主管单位共同探讨了区块链在粮食购销监管中的应用充分发挥技术创新优势基于BSN专网为粮食行业提供新的监管思路和解决方案。
此外BSN还在营口区块链基础设施项目、九江BSN主干网建设项目、宁波“甬链”二期项目以及某特别行政区区块链服务共享平台二期、三期等项目上积极推进通过这些项目的落地实施为各地方和各行各业的数字化发展提供了助力也为我国区块链技术的创新和发展树立了典范。
树立中国底层技术出海典范持续扩大全球影响力
在国内快速发展的同时BSN也在积极推进海外发展战略以“一带一路”作为出发点逐步将走出去的步伐扩展至欧洲及全球市场通过技术输出快速占领市场获取先发优势。
2023年BSN与欧洲云计算解决方案提供商CloudSigma正式签订了合作协议CloudSigma将把BSN专网引入其覆盖瑞典、沙特、美国、日本、墨西哥、英国、德国、瑞士、埃及、印度、菲律宾、澳大利亚等国的全球云服务网络中正式对外提供企业级区块链服务Blockchain as a Service以扩展其云服务组合进一步增强其在全球尤其是欧洲公有云市场上的竞争力。而对于BSN整体而言此次与CloudSigma达成合作标志着BSN专网产品继2022年在亚洲市场和中东地区取得突破之后正式进入欧洲市场并加速走向世界。
通过与主流机构、企业和开发者建立合作成功输出自主研发的关键技术和产品加速推动中国分布式云技术以及区块链技术在全球范围内的应用和推广一方面能够促进技术创新与演进推动产业生态的成熟和完善最终带来全球范围内的技术突破与产业变革另一方面也有助于中国成为分布式云技术和区块链领域的技术中心和规则制定者推动全球治理体系变革让中国在全球科技领域占据更重要的位置在数字经济变革中把握主动权在新技术领域引领全球。
在此前中国科技创新成果出海大多停留在应用层面的背景下专注于分布式基础设施技术的BSN开创了我国区块链底层技术出海并成功进入主流科技服务市场的先河为底层技术研发和基础设施建设领域的后来者“走出去”树立了良好典范。
BSN聚焦分布式技术发展围绕数字经济需求开展部署目前已经成为全世界数据中心节点规模最大的产业区块链公共基础设施为区块链和分布式技术在数字经济、智慧城市等领域的创新应用打下了坚实的基础不仅为中国数字经济发展提供了强大支撑还在促进全球分布式应用和产业健康长效发展以及更好地支持建设开放型世界经济和推动科技创新等方面发挥了重要作用。
鉴于BSN的技术创新性和领先性以及不断扩大的全球影响力 2023年11月8日两位美国国会议员共同提出了一项名为《2023对流氓创新者和技术法律问责》的法案明确提出“中国的区块链服务网络BSN对美国的国家安全和外交政策利益构成风险”必须要“制定联邦政府战略保护美国免受BSN和其他外国敌对区块链网络基础设施带来的风险”。该法案禁止美国联邦政府官员通过采购或贷款、资助等方式从“外国对立方”处获得相应的区块链技术、设备或服务并且明确指出了所涉及到的主体或服务包括区块链服务网络、BSN Spartan网络、红枣科技等数个中国相关企业和项目。从该法案涉及到的具体内容来看事实上可以将其理解为是一份“反BSN法案Anit-BSN Bill”。
两位美国国会议员提出“反BSN法案”代表着美国意识到了BSN的技术优势和战略价值也从侧面反映出BSN已经在下一代互联网和新一代通信技术领域占据了领先位置对美国在这一领域继续争夺全球领导者地位带来了巨大挑战。
推动分布式技术发展迈向下一代互联网
在“全球性区块链服务网络BSN机制体系、关键技术和应用”科技成果鉴定会上国家信息中心主任徐强发表了致辞他指出2018年以来国家信息中心会同中国移动、北京红枣科技等单位开展了BSN总体规划、机制体系设计、研发攻关和实施部署构建了全世界城市数据中心节点规模最大的区块链公用基础设施为我国经济社会发展提供了高水平的可信服务载体取得了四个方面的积极成效。一是聚焦行业发展痛点共筑“大创新”设计了全球性区块链公用基础设施机制体系开展了跨网、跨云、跨链技术攻关占据了区块链创新制高点二是立足服务国家战略共建“大设施”构建了我国首个完全自主知识产权的全球性区块链公用基础设施——BSN显著降低了区块链开发、部署、运维、互通和监管成本三是围绕经济社会需要共创“大应用”四是坚持开源开放原则共谋“大发展”BSN兼容主流公有/私有云架构适配主流开源的区块链底层框架和跨链技术服务以公用基础设施支撑和服务区块链的应用和产业健康长效发展。
展望未来BSN将继续以推动下一代互联网建设为己任推动分布式技术发展为分布式技术在数据可信流通、政务服务、跨境贸易、数字身份等领域的创新应用提供基础设施支撑为数字经济高质量发展注入新动能为数字经济和智慧社会发展提供新引擎。随着BSN不断发展壮大相信其在推动中国分布式技术走向世界推进全球数字化进程中的作用将更加凸显。
附BSN发展大事记 这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器
你好 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持除了标准的Markdown编辑器功能我们增加了如下几点新功能帮助你用它写博客
全新的界面设计 将会带来全新的写作体验在创作中心设置你喜爱的代码高亮样式Markdown 将代码片显示选择的高亮样式 进行展示增加了 图片拖拽 功能你可以将本地的图片直接拖拽到编辑区域直接展示全新的 KaTeX数学公式 语法增加了支持甘特图的mermaid语法1 功能增加了 多屏幕编辑 Markdown文章功能增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能功能按钮位于编辑区域与预览区域中间增加了 检查列表 功能。
功能快捷键
撤销Ctrl/Command Z 重做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 查找Ctrl/Command F 替换Ctrl/Command 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
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如
TYPEASCIIHTMLSingle backticksIsnt this fun?‘Isn’t this fun?’QuotesIsnt 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 如何创建一个注脚
一个具有注脚的文本。2
注释也是必不可少的
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∞tz−1e−tdt. 你可以找到更多关于的信息 LaTeX 数学表达式here. 新的甘特图功能丰富你的文章 #mermaid-svg-HHnD4oNdUkYyIi4Z {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-HHnD4oNdUkYyIi4Z .error-icon{fill:#552222;}#mermaid-svg-HHnD4oNdUkYyIi4Z .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-HHnD4oNdUkYyIi4Z .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-HHnD4oNdUkYyIi4Z .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-HHnD4oNdUkYyIi4Z .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-HHnD4oNdUkYyIi4Z .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-HHnD4oNdUkYyIi4Z .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-HHnD4oNdUkYyIi4Z .marker{fill:#333333;stroke:#333333;}#mermaid-svg-HHnD4oNdUkYyIi4Z .marker.cross{stroke:#333333;}#mermaid-svg-HHnD4oNdUkYyIi4Z svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-HHnD4oNdUkYyIi4Z .mermaid-main-font{font-family:"trebuchet ms",verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-HHnD4oNdUkYyIi4Z .exclude-range{fill:#eeeeee;}#mermaid-svg-HHnD4oNdUkYyIi4Z .section{stroke:none;opacity:0.2;}#mermaid-svg-HHnD4oNdUkYyIi4Z .section0{fill:rgba(102, 102, 255, 0.49);}#mermaid-svg-HHnD4oNdUkYyIi4Z .section2{fill:#fff400;}#mermaid-svg-HHnD4oNdUkYyIi4Z .section1,#mermaid-svg-HHnD4oNdUkYyIi4Z .section3{fill:white;opacity:0.2;}#mermaid-svg-HHnD4oNdUkYyIi4Z .sectionTitle0{fill:#333;}#mermaid-svg-HHnD4oNdUkYyIi4Z .sectionTitle1{fill:#333;}#mermaid-svg-HHnD4oNdUkYyIi4Z .sectionTitle2{fill:#333;}#mermaid-svg-HHnD4oNdUkYyIi4Z .sectionTitle3{fill:#333;}#mermaid-svg-HHnD4oNdUkYyIi4Z .sectionTitle{text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-HHnD4oNdUkYyIi4Z .grid .tick{stroke:lightgrey;opacity:0.8;shape-rendering:crispEdges;}#mermaid-svg-HHnD4oNdUkYyIi4Z .grid .tick text{font-family:"trebuchet ms",verdana,arial,sans-serif;fill:#333;}#mermaid-svg-HHnD4oNdUkYyIi4Z .grid path{stroke-width:0;}#mermaid-svg-HHnD4oNdUkYyIi4Z .today{fill:none;stroke:red;stroke-width:2px;}#mermaid-svg-HHnD4oNdUkYyIi4Z .task{stroke-width:2;}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskText{text-anchor:middle;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutsideRight{fill:black;text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutsideLeft{fill:black;text-anchor:end;}#mermaid-svg-HHnD4oNdUkYyIi4Z .task.clickable{cursor:pointer;}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskText.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskText0,#mermaid-svg-HHnD4oNdUkYyIi4Z .taskText1,#mermaid-svg-HHnD4oNdUkYyIi4Z .taskText2,#mermaid-svg-HHnD4oNdUkYyIi4Z .taskText3{fill:white;}#mermaid-svg-HHnD4oNdUkYyIi4Z .task0,#mermaid-svg-HHnD4oNdUkYyIi4Z .task1,#mermaid-svg-HHnD4oNdUkYyIi4Z .task2,#mermaid-svg-HHnD4oNdUkYyIi4Z .task3{fill:#8a90dd;stroke:#534fbc;}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutside0,#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutside2{fill:black;}#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutside1,#mermaid-svg-HHnD4oNdUkYyIi4Z .taskTextOutside3{fill:black;}#mermaid-svg-HHnD4oNdUkYyIi4Z .active0,#mermaid-svg-HHnD4oNdUkYyIi4Z .active1,#mermaid-svg-HHnD4oNdUkYyIi4Z .active2,#mermaid-svg-HHnD4oNdUkYyIi4Z .active3{fill:#bfc7ff;stroke:#534fbc;}#mermaid-svg-HHnD4oNdUkYyIi4Z .activeText0,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeText1,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeText2,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeText3{fill:black!important;}#mermaid-svg-HHnD4oNdUkYyIi4Z .done0,#mermaid-svg-HHnD4oNdUkYyIi4Z .done1,#mermaid-svg-HHnD4oNdUkYyIi4Z .done2,#mermaid-svg-HHnD4oNdUkYyIi4Z .done3{stroke:grey;fill:lightgrey;stroke-width:2;}#mermaid-svg-HHnD4oNdUkYyIi4Z .doneText0,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneText1,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneText2,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneText3{fill:black!important;}#mermaid-svg-HHnD4oNdUkYyIi4Z .crit0,#mermaid-svg-HHnD4oNdUkYyIi4Z .crit1,#mermaid-svg-HHnD4oNdUkYyIi4Z .crit2,#mermaid-svg-HHnD4oNdUkYyIi4Z .crit3{stroke:#ff8888;fill:red;stroke-width:2;}#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCrit0,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCrit1,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCrit2,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCrit3{stroke:#ff8888;fill:#bfc7ff;stroke-width:2;}#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCrit0,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCrit1,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCrit2,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCrit3{stroke:#ff8888;fill:lightgrey;stroke-width:2;cursor:pointer;shape-rendering:crispEdges;}#mermaid-svg-HHnD4oNdUkYyIi4Z .milestone{transform:rotate(45deg) scale(0.8,0.8);}#mermaid-svg-HHnD4oNdUkYyIi4Z .milestoneText{font-style:italic;}#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCritText0,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCritText1,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCritText2,#mermaid-svg-HHnD4oNdUkYyIi4Z .doneCritText3{fill:black!important;}#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCritText0,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCritText1,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCritText2,#mermaid-svg-HHnD4oNdUkYyIi4Z .activeCritText3{fill:black!important;}#mermaid-svg-HHnD4oNdUkYyIi4Z .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-HHnD4oNdUkYyIi4Z :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 2014-01-07 2014-01-09 2014-01-11 2014-01-13 2014-01-15 2014-01-17 2014-01-19 2014-01-21 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid 关于 甘特图 语法参考 这儿,
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图 #mermaid-svg-HidLKSyN5JRV3HgY {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-HidLKSyN5JRV3HgY .error-icon{fill:#552222;}#mermaid-svg-HidLKSyN5JRV3HgY .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-HidLKSyN5JRV3HgY .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-HidLKSyN5JRV3HgY .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-HidLKSyN5JRV3HgY .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-HidLKSyN5JRV3HgY .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-HidLKSyN5JRV3HgY .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-HidLKSyN5JRV3HgY .marker{fill:#333333;stroke:#333333;}#mermaid-svg-HidLKSyN5JRV3HgY .marker.cross{stroke:#333333;}#mermaid-svg-HidLKSyN5JRV3HgY svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-HidLKSyN5JRV3HgY .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-HidLKSyN5JRV3HgY text.actortspan{fill:black;stroke:none;}#mermaid-svg-HidLKSyN5JRV3HgY .actor-line{stroke:grey;}#mermaid-svg-HidLKSyN5JRV3HgY .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-HidLKSyN5JRV3HgY .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-HidLKSyN5JRV3HgY #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-HidLKSyN5JRV3HgY .sequenceNumber{fill:white;}#mermaid-svg-HidLKSyN5JRV3HgY #sequencenumber{fill:#333;}#mermaid-svg-HidLKSyN5JRV3HgY #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-HidLKSyN5JRV3HgY .messageText{fill:#333;stroke:#333;}#mermaid-svg-HidLKSyN5JRV3HgY .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-HidLKSyN5JRV3HgY .labelText,#mermaid-svg-HidLKSyN5JRV3HgY .labelTexttspan{fill:black;stroke:none;}#mermaid-svg-HidLKSyN5JRV3HgY .loopText,#mermaid-svg-HidLKSyN5JRV3HgY .loopTexttspan{fill:black;stroke:none;}#mermaid-svg-HidLKSyN5JRV3HgY .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-HidLKSyN5JRV3HgY .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-HidLKSyN5JRV3HgY .noteText,#mermaid-svg-HidLKSyN5JRV3HgY .noteTexttspan{fill:black;stroke:none;}#mermaid-svg-HidLKSyN5JRV3HgY .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-HidLKSyN5JRV3HgY .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-HidLKSyN5JRV3HgY .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-HidLKSyN5JRV3HgY .actorPopupMenu{position:absolute;}#mermaid-svg-HidLKSyN5JRV3HgY .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-HidLKSyN5JRV3HgY .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-HidLKSyN5JRV3HgY .actor-man circle,#mermaid-svg-HidLKSyN5JRV3HgY line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-HidLKSyN5JRV3HgY :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 张三 李四 王五 你好李四, 最近怎么样? 你最近怎么样王五 我很好谢谢! 我很好谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五 这将产生一个流程图。: #mermaid-svg-s3VBG5dn3oSC5Pqa {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .error-icon{fill:#552222;}#mermaid-svg-s3VBG5dn3oSC5Pqa .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-s3VBG5dn3oSC5Pqa .marker{fill:#333333;stroke:#333333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .marker.cross{stroke:#333333;}#mermaid-svg-s3VBG5dn3oSC5Pqa svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-s3VBG5dn3oSC5Pqa .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .cluster-label text{fill:#333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .cluster-label span{color:#333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .label text,#mermaid-svg-s3VBG5dn3oSC5Pqa span{fill:#333;color:#333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .node rect,#mermaid-svg-s3VBG5dn3oSC5Pqa .node circle,#mermaid-svg-s3VBG5dn3oSC5Pqa .node ellipse,#mermaid-svg-s3VBG5dn3oSC5Pqa .node polygon,#mermaid-svg-s3VBG5dn3oSC5Pqa .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-s3VBG5dn3oSC5Pqa .node .label{text-align:center;}#mermaid-svg-s3VBG5dn3oSC5Pqa .node.clickable{cursor:pointer;}#mermaid-svg-s3VBG5dn3oSC5Pqa .arrowheadPath{fill:#333333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-s3VBG5dn3oSC5Pqa .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-s3VBG5dn3oSC5Pqa .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-s3VBG5dn3oSC5Pqa .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-s3VBG5dn3oSC5Pqa .cluster text{fill:#333;}#mermaid-svg-s3VBG5dn3oSC5Pqa .cluster span{color:#333;}#mermaid-svg-s3VBG5dn3oSC5Pqa div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-s3VBG5dn3oSC5Pqa :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 链接 长方形 圆 圆角长方形 菱形 关于 Mermaid 语法参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图 Created with Raphaël 2.3.0 开始 我的操作 确认 结束 yes no 关于 Flowchart流程图 语法参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件在上方工具栏可以选择导入功能进行对应扩展名的文件导入 继续你的创作。 mermaid语法说明 ↩︎ 注脚的解释 ↩︎
