Mysql 8.0 安装与卸载
‘
’****
Mysql 8.0 安装与卸载
1-先去官网下载MySql压缩包
https://dev.mysql.com/downloads/mysql/
**2-配置初始化my.ini文件
3-初始化MySql
4-安装MySql服务,启动MySql服务
下载MySql压缩包
!00在这里插入图片描述
下载完后解压。
配置初始化my.ini文件
解压后的目录并没有的my.ini文件,没关系可以自行创建在安装根目录下添加的my.ini(新建文本文件,将文件类型改为的.ini),写入基本配置:
配置文件中的路径要和实际存放的路径一致(8.0.18不要手动创建Data文件夹)
初始化MySq
以管理员身份打开 cmd,不然会存在权限问题
打开 cmd 后,将目录切换至解压包的 bin 目录下
在MySQL目录下的bin目录下执行命令:
mysqld --initialize --console
注意![注意] [MY-010454] [服务器]为root @ localhost生成临时密码:9P0gYk-?0,kT其中root @ localhost:后面的9P0gYk-?0,kT就是初始密码(不含首位空格)。在没有更改密码前,需要记住这个密码,后续登录需要用到。复制密码先保存起来!!!
如果出现系统错误问题
列:这个是因为缺少微软的一些运行所需的库。这个百度一下都可以找到下载源安装一下(可能需要重启
安装
H2O is是液体。
210 运算结果是 1024.
插入链接与图片
链接: link.
图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的
代码片.
// An highlighted block var foo = 'bar';
生成一个适合你的列表
- 项目 项目 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的:
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
设定内容居中、居左、居右
使用
:---------:居中
使用
:----------居左
使用
----------:居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
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∞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-svg-aVIlrNKGnNP95j1k .label { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); fill: #333; color: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .label text { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .node rect, #mermaid-svg-aVIlrNKGnNP95j1k .node circle, #mermaid-svg-aVIlrNKGnNP95j1k .node ellipse, #mermaid-svg-aVIlrNKGnNP95j1k .node polygon, #mermaid-svg-aVIlrNKGnNP95j1k .node path { fill: #ECECFF; stroke: #9370DB; stroke-width: 1px; } #mermaid-svg-aVIlrNKGnNP95j1k .node .label { text-align: center; fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .node.clickable { cursor: pointer; } #mermaid-svg-aVIlrNKGnNP95j1k .arrowheadPath { fill: #333333; } #mermaid-svg-aVIlrNKGnNP95j1k .edgePath .path { stroke: #333333; stroke-width: 1.5px; } #mermaid-svg-aVIlrNKGnNP95j1k .flowchart-link { stroke: #333333; fill: none; } #mermaid-svg-aVIlrNKGnNP95j1k .edgeLabel { background-color: #e8e8e8; text-align: center; } #mermaid-svg-aVIlrNKGnNP95j1k .edgeLabel rect { opacity: 0.9; } #mermaid-svg-aVIlrNKGnNP95j1k .edgeLabel span { color: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .cluster rect { fill: #ffffde; stroke: #aaaa33; stroke-width: 1px; } #mermaid-svg-aVIlrNKGnNP95j1k .cluster text { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k 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 #aaaa33; border-radius: 2px; pointer-events: none; z-index: 100; } #mermaid-svg-aVIlrNKGnNP95j1k .actor { stroke: #CCCCFF; fill: #ECECFF; } #mermaid-svg-aVIlrNKGnNP95j1k text.actor > tspan { fill: black; stroke: none; } #mermaid-svg-aVIlrNKGnNP95j1k .actor-line { stroke: grey; } #mermaid-svg-aVIlrNKGnNP95j1k .messageLine0 { stroke-width: 1.5; stroke-dasharray: none; stroke: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .messageLine1 { stroke-width: 1.5; stroke-dasharray: 2, 2; stroke: #333; } #mermaid-svg-aVIlrNKGnNP95j1k #arrowhead path { fill: #333; stroke: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .sequenceNumber { fill: white; } #mermaid-svg-aVIlrNKGnNP95j1k #sequencenumber { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k #crosshead path { fill: #333; stroke: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .messageText { fill: #333; stroke: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .labelBox { stroke: #CCCCFF; fill: #ECECFF; } #mermaid-svg-aVIlrNKGnNP95j1k .labelText,#mermaid-svg-aVIlrNKGnNP95j1k .labelText > tspan { fill: black; stroke: none; } #mermaid-svg-aVIlrNKGnNP95j1k .loopText,#mermaid-svg-aVIlrNKGnNP95j1k .loopText > tspan { fill: black; stroke: none; } #mermaid-svg-aVIlrNKGnNP95j1k .loopLine { stroke-width: 2px; stroke-dasharray: 2, 2; stroke: #CCCCFF; fill: #CCCCFF; } #mermaid-svg-aVIlrNKGnNP95j1k .note { stroke: #aaaa33; fill: #fff5ad; } #mermaid-svg-aVIlrNKGnNP95j1k .noteText,#mermaid-svg-aVIlrNKGnNP95j1k .noteText > tspan { fill: black; stroke: none; } #mermaid-svg-aVIlrNKGnNP95j1k .activation0 { fill: #f4f4f4; stroke: #666; } #mermaid-svg-aVIlrNKGnNP95j1k .activation1 { fill: #f4f4f4; stroke: #666; } #mermaid-svg-aVIlrNKGnNP95j1k .activation2 { fill: #f4f4f4; stroke: #666; } #mermaid-svg-aVIlrNKGnNP95j1k .mermaid-main-font { font-family: "trebuchet ms", verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .section { stroke: none; opacity: 0.2; } #mermaid-svg-aVIlrNKGnNP95j1k .section0 { fill: rgba(102, 102, 255, 0.49); } #mermaid-svg-aVIlrNKGnNP95j1k .section2 { fill: #fff400; } #mermaid-svg-aVIlrNKGnNP95j1k .section1, #mermaid-svg-aVIlrNKGnNP95j1k .section3 { fill: white; opacity: 0.2; } #mermaid-svg-aVIlrNKGnNP95j1k .sectionTitle0 { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .sectionTitle1 { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .sectionTitle2 { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .sectionTitle3 { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .sectionTitle { text-anchor: start; font-size: 11px; text-height: 14px; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .grid .tick { stroke: lightgrey; opacity: 0.8; shape-rendering: crispEdges; } #mermaid-svg-aVIlrNKGnNP95j1k .grid .tick text { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .grid path { stroke-width: 0; } #mermaid-svg-aVIlrNKGnNP95j1k .today { fill: none; stroke: red; stroke-width: 2px; } #mermaid-svg-aVIlrNKGnNP95j1k .task { stroke-width: 2; } #mermaid-svg-aVIlrNKGnNP95j1k .taskText { text-anchor: middle; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .taskText:not([font-size]) { font-size: 11px; } #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutsideRight { fill: black; text-anchor: start; font-size: 11px; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutsideLeft { fill: black; text-anchor: end; font-size: 11px; } #mermaid-svg-aVIlrNKGnNP95j1k .task.clickable { cursor: pointer; } #mermaid-svg-aVIlrNKGnNP95j1k .taskText.clickable { cursor: pointer; fill: #003163 !important; font-weight: bold; } #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutsideLeft.clickable { cursor: pointer; fill: #003163 !important; font-weight: bold; } #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutsideRight.clickable { cursor: pointer; fill: #003163 !important; font-weight: bold; } #mermaid-svg-aVIlrNKGnNP95j1k .taskText0, #mermaid-svg-aVIlrNKGnNP95j1k .taskText1, #mermaid-svg-aVIlrNKGnNP95j1k .taskText2, #mermaid-svg-aVIlrNKGnNP95j1k .taskText3 { fill: white; } #mermaid-svg-aVIlrNKGnNP95j1k .task0, #mermaid-svg-aVIlrNKGnNP95j1k .task1, #mermaid-svg-aVIlrNKGnNP95j1k .task2, #mermaid-svg-aVIlrNKGnNP95j1k .task3 { fill: #8a90dd; stroke: #534fbc; } #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutside0, #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutside2 { fill: black; } #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutside1, #mermaid-svg-aVIlrNKGnNP95j1k .taskTextOutside3 { fill: black; } #mermaid-svg-aVIlrNKGnNP95j1k .active0, #mermaid-svg-aVIlrNKGnNP95j1k .active1, #mermaid-svg-aVIlrNKGnNP95j1k .active2, #mermaid-svg-aVIlrNKGnNP95j1k .active3 { fill: #bfc7ff; stroke: #534fbc; } #mermaid-svg-aVIlrNKGnNP95j1k .activeText0, #mermaid-svg-aVIlrNKGnNP95j1k .activeText1, #mermaid-svg-aVIlrNKGnNP95j1k .activeText2, #mermaid-svg-aVIlrNKGnNP95j1k .activeText3 { fill: black !important; } #mermaid-svg-aVIlrNKGnNP95j1k .done0, #mermaid-svg-aVIlrNKGnNP95j1k .done1, #mermaid-svg-aVIlrNKGnNP95j1k .done2, #mermaid-svg-aVIlrNKGnNP95j1k .done3 { stroke: grey; fill: lightgrey; stroke-width: 2; } #mermaid-svg-aVIlrNKGnNP95j1k .doneText0, #mermaid-svg-aVIlrNKGnNP95j1k .doneText1, #mermaid-svg-aVIlrNKGnNP95j1k .doneText2, #mermaid-svg-aVIlrNKGnNP95j1k .doneText3 { fill: black !important; } #mermaid-svg-aVIlrNKGnNP95j1k .crit0, #mermaid-svg-aVIlrNKGnNP95j1k .crit1, #mermaid-svg-aVIlrNKGnNP95j1k .crit2, #mermaid-svg-aVIlrNKGnNP95j1k .crit3 { stroke: #ff8888; fill: red; stroke-width: 2; } #mermaid-svg-aVIlrNKGnNP95j1k .activeCrit0, #mermaid-svg-aVIlrNKGnNP95j1k .activeCrit1, #mermaid-svg-aVIlrNKGnNP95j1k .activeCrit2, #mermaid-svg-aVIlrNKGnNP95j1k .activeCrit3 { stroke: #ff8888; fill: #bfc7ff; stroke-width: 2; } #mermaid-svg-aVIlrNKGnNP95j1k .doneCrit0, #mermaid-svg-aVIlrNKGnNP95j1k .doneCrit1, #mermaid-svg-aVIlrNKGnNP95j1k .doneCrit2, #mermaid-svg-aVIlrNKGnNP95j1k .doneCrit3 { stroke: #ff8888; fill: lightgrey; stroke-width: 2; cursor: pointer; shape-rendering: crispEdges; } #mermaid-svg-aVIlrNKGnNP95j1k .milestone { transform: rotate(45deg) scale(0.8, 0.8); } #mermaid-svg-aVIlrNKGnNP95j1k .milestoneText { font-style: italic; } #mermaid-svg-aVIlrNKGnNP95j1k .doneCritText0, #mermaid-svg-aVIlrNKGnNP95j1k .doneCritText1, #mermaid-svg-aVIlrNKGnNP95j1k .doneCritText2, #mermaid-svg-aVIlrNKGnNP95j1k .doneCritText3 { fill: black !important; } #mermaid-svg-aVIlrNKGnNP95j1k .activeCritText0, #mermaid-svg-aVIlrNKGnNP95j1k .activeCritText1, #mermaid-svg-aVIlrNKGnNP95j1k .activeCritText2, #mermaid-svg-aVIlrNKGnNP95j1k .activeCritText3 { fill: black !important; } #mermaid-svg-aVIlrNKGnNP95j1k .titleText { text-anchor: middle; font-size: 18px; fill: black; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k g.classGroup text { fill: #9370DB; stroke: none; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); font-size: 10px; } #mermaid-svg-aVIlrNKGnNP95j1k g.classGroup text .title { font-weight: bolder; } #mermaid-svg-aVIlrNKGnNP95j1k g.clickable { cursor: pointer; } #mermaid-svg-aVIlrNKGnNP95j1k g.classGroup rect { fill: #ECECFF; stroke: #9370DB; } #mermaid-svg-aVIlrNKGnNP95j1k g.classGroup line { stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k .classLabel .box { stroke: none; stroke-width: 0; fill: #ECECFF; opacity: 0.5; } #mermaid-svg-aVIlrNKGnNP95j1k .classLabel .label { fill: #9370DB; font-size: 10px; } #mermaid-svg-aVIlrNKGnNP95j1k .relation { stroke: #9370DB; stroke-width: 1; fill: none; } #mermaid-svg-aVIlrNKGnNP95j1k .dashed-line { stroke-dasharray: 3; } #mermaid-svg-aVIlrNKGnNP95j1k #compositionStart { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k #compositionEnd { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k #aggregationStart { fill: #ECECFF; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k #aggregationEnd { fill: #ECECFF; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k #dependencyStart { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k #dependencyEnd { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k #extensionStart { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k #extensionEnd { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k .commit-id, #mermaid-svg-aVIlrNKGnNP95j1k .commit-msg, #mermaid-svg-aVIlrNKGnNP95j1k .branch-label { fill: lightgrey; color: lightgrey; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .pieTitleText { text-anchor: middle; font-size: 25px; fill: black; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .slice { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k g.stateGroup text { fill: #9370DB; stroke: none; font-size: 10px; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k g.stateGroup text { fill: #9370DB; fill: #333; stroke: none; font-size: 10px; } #mermaid-svg-aVIlrNKGnNP95j1k g.statediagram-cluster .cluster-label text { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k g.stateGroup .state-title { font-weight: bolder; fill: black; } #mermaid-svg-aVIlrNKGnNP95j1k g.stateGroup rect { fill: #ECECFF; stroke: #9370DB; } #mermaid-svg-aVIlrNKGnNP95j1k g.stateGroup line { stroke: #9370DB; stroke-width: 1; } #mermaid-svg-aVIlrNKGnNP95j1k .transition { stroke: #9370DB; stroke-width: 1; fill: none; } #mermaid-svg-aVIlrNKGnNP95j1k .stateGroup .composit { fill: white; border-bottom: 1px; } #mermaid-svg-aVIlrNKGnNP95j1k .stateGroup .alt-composit { fill: #e0e0e0; border-bottom: 1px; } #mermaid-svg-aVIlrNKGnNP95j1k .state-note { stroke: #aaaa33; fill: #fff5ad; } #mermaid-svg-aVIlrNKGnNP95j1k .state-note text { fill: black; stroke: none; font-size: 10px; } #mermaid-svg-aVIlrNKGnNP95j1k .stateLabel .box { stroke: none; stroke-width: 0; fill: #ECECFF; opacity: 0.7; } #mermaid-svg-aVIlrNKGnNP95j1k .edgeLabel text { fill: #333; } #mermaid-svg-aVIlrNKGnNP95j1k .stateLabel text { fill: black; font-size: 10px; font-weight: bold; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-aVIlrNKGnNP95j1k .node circle.state-start { fill: black; stroke: black; } #mermaid-svg-aVIlrNKGnNP95j1k .node circle.state-end { fill: black; stroke: white; stroke-width: 1.5; } #mermaid-svg-aVIlrNKGnNP95j1k #statediagram-barbEnd { fill: #9370DB; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-cluster rect { fill: #ECECFF; stroke: #9370DB; stroke-width: 1px; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-cluster rect.outer { rx: 5px; ry: 5px; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-state .divider { stroke: #9370DB; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-state .title-state { rx: 5px; ry: 5px; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-cluster.statediagram-cluster .inner { fill: white; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-cluster.statediagram-cluster-alt .inner { fill: #e0e0e0; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-cluster .inner { rx: 0; ry: 0; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-state rect.basic { rx: 5px; ry: 5px; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-state rect.divider { stroke-dasharray: 10,10; fill: #efefef; } #mermaid-svg-aVIlrNKGnNP95j1k .note-edge { stroke-dasharray: 5; } #mermaid-svg-aVIlrNKGnNP95j1k .statediagram-note rect { fill: #fff5ad; stroke: #aaaa33; 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-aVIlrNKGnNP95j1k .error-icon { fill: #552222; } #mermaid-svg-aVIlrNKGnNP95j1k .error-text { fill: #552222; stroke: #552222; } #mermaid-svg-aVIlrNKGnNP95j1k .edge-thickness-normal { stroke-width: 2px; } #mermaid-svg-aVIlrNKGnNP95j1k .edge-thickness-thick { stroke-width: 3.5px; } #mermaid-svg-aVIlrNKGnNP95j1k .edge-pattern-solid { stroke-dasharray: 0; } #mermaid-svg-aVIlrNKGnNP95j1k .edge-pattern-dashed { stroke-dasharray: 3; } #mermaid-svg-aVIlrNKGnNP95j1k .edge-pattern-dotted { stroke-dasharray: 2; } #mermaid-svg-aVIlrNKGnNP95j1k .marker { fill: #333333; } #mermaid-svg-aVIlrNKGnNP95j1k .marker.cross { stroke: #333333; } :root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-aVIlrNKGnNP95j1k { color: rgba(255, 255, 255, 0.75); font: ; }张三李四王五你好!李四, 最近怎么样?你最近怎么样,王五?我很好,谢谢!我很好,谢谢!李四想了很长时间, 文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五这将产生一个流程图。:
#mermaid-svg-Wi8Ws7ErQzhf2XvI .label { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); fill: #333; color: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .label text { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .node rect, #mermaid-svg-Wi8Ws7ErQzhf2XvI .node circle, #mermaid-svg-Wi8Ws7ErQzhf2XvI .node ellipse, #mermaid-svg-Wi8Ws7ErQzhf2XvI .node polygon, #mermaid-svg-Wi8Ws7ErQzhf2XvI .node path { fill: #ECECFF; stroke: #9370DB; stroke-width: 1px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .node .label { text-align: center; fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .node.clickable { cursor: pointer; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .arrowheadPath { fill: #333333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edgePath .path { stroke: #333333; stroke-width: 1.5px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .flowchart-link { stroke: #333333; fill: none; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edgeLabel { background-color: #e8e8e8; text-align: center; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edgeLabel rect { opacity: 0.9; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edgeLabel span { color: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .cluster rect { fill: #ffffde; stroke: #aaaa33; stroke-width: 1px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .cluster text { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI 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 #aaaa33; border-radius: 2px; pointer-events: none; z-index: 100; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .actor { stroke: #CCCCFF; fill: #ECECFF; } #mermaid-svg-Wi8Ws7ErQzhf2XvI text.actor > tspan { fill: black; stroke: none; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .actor-line { stroke: grey; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .messageLine0 { stroke-width: 1.5; stroke-dasharray: none; stroke: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .messageLine1 { stroke-width: 1.5; stroke-dasharray: 2, 2; stroke: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #arrowhead path { fill: #333; stroke: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .sequenceNumber { fill: white; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #sequencenumber { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #crosshead path { fill: #333; stroke: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .messageText { fill: #333; stroke: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .labelBox { stroke: #CCCCFF; fill: #ECECFF; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .labelText,#mermaid-svg-Wi8Ws7ErQzhf2XvI .labelText > tspan { fill: black; stroke: none; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .loopText,#mermaid-svg-Wi8Ws7ErQzhf2XvI .loopText > tspan { fill: black; stroke: none; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .loopLine { stroke-width: 2px; stroke-dasharray: 2, 2; stroke: #CCCCFF; fill: #CCCCFF; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .note { stroke: #aaaa33; fill: #fff5ad; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .noteText,#mermaid-svg-Wi8Ws7ErQzhf2XvI .noteText > tspan { fill: black; stroke: none; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .activation0 { fill: #f4f4f4; stroke: #666; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .activation1 { fill: #f4f4f4; stroke: #666; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .activation2 { fill: #f4f4f4; stroke: #666; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .mermaid-main-font { font-family: "trebuchet ms", verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .section { stroke: none; opacity: 0.2; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .section0 { fill: rgba(102, 102, 255, 0.49); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .section2 { fill: #fff400; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .section1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .section3 { fill: white; opacity: 0.2; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .sectionTitle0 { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .sectionTitle1 { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .sectionTitle2 { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .sectionTitle3 { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .sectionTitle { text-anchor: start; font-size: 11px; text-height: 14px; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .grid .tick { stroke: lightgrey; opacity: 0.8; shape-rendering: crispEdges; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .grid .tick text { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .grid path { stroke-width: 0; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .today { fill: none; stroke: red; stroke-width: 2px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .task { stroke-width: 2; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskText { text-anchor: middle; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskText:not([font-size]) { font-size: 11px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutsideRight { fill: black; text-anchor: start; font-size: 11px; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutsideLeft { fill: black; text-anchor: end; font-size: 11px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .task.clickable { cursor: pointer; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskText.clickable { cursor: pointer; fill: #003163 !important; font-weight: bold; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutsideLeft.clickable { cursor: pointer; fill: #003163 !important; font-weight: bold; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutsideRight.clickable { cursor: pointer; fill: #003163 !important; font-weight: bold; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskText0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskText1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskText2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskText3 { fill: white; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .task0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .task1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .task2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .task3 { fill: #8a90dd; stroke: #534fbc; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutside0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutside2 { fill: black; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutside1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .taskTextOutside3 { fill: black; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .active0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .active1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .active2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .active3 { fill: #bfc7ff; stroke: #534fbc; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeText0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeText1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeText2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeText3 { fill: black !important; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .done0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .done1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .done2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .done3 { stroke: grey; fill: lightgrey; stroke-width: 2; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneText0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneText1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneText2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneText3 { fill: black !important; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .crit0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .crit1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .crit2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .crit3 { stroke: #ff8888; fill: red; stroke-width: 2; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCrit0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCrit1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCrit2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCrit3 { stroke: #ff8888; fill: #bfc7ff; stroke-width: 2; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCrit0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCrit1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCrit2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCrit3 { stroke: #ff8888; fill: lightgrey; stroke-width: 2; cursor: pointer; shape-rendering: crispEdges; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .milestone { transform: rotate(45deg) scale(0.8, 0.8); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .milestoneText { font-style: italic; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCritText0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCritText1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCritText2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .doneCritText3 { fill: black !important; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCritText0, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCritText1, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCritText2, #mermaid-svg-Wi8Ws7ErQzhf2XvI .activeCritText3 { fill: black !important; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .titleText { text-anchor: middle; font-size: 18px; fill: black; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.classGroup text { fill: #9370DB; stroke: none; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); font-size: 10px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.classGroup text .title { font-weight: bolder; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.clickable { cursor: pointer; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.classGroup rect { fill: #ECECFF; stroke: #9370DB; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.classGroup line { stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .classLabel .box { stroke: none; stroke-width: 0; fill: #ECECFF; opacity: 0.5; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .classLabel .label { fill: #9370DB; font-size: 10px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .relation { stroke: #9370DB; stroke-width: 1; fill: none; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .dashed-line { stroke-dasharray: 3; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #compositionStart { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #compositionEnd { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #aggregationStart { fill: #ECECFF; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #aggregationEnd { fill: #ECECFF; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #dependencyStart { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #dependencyEnd { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #extensionStart { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #extensionEnd { fill: #9370DB; stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .commit-id, #mermaid-svg-Wi8Ws7ErQzhf2XvI .commit-msg, #mermaid-svg-Wi8Ws7ErQzhf2XvI .branch-label { fill: lightgrey; color: lightgrey; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .pieTitleText { text-anchor: middle; font-size: 25px; fill: black; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .slice { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.stateGroup text { fill: #9370DB; stroke: none; font-size: 10px; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.stateGroup text { fill: #9370DB; fill: #333; stroke: none; font-size: 10px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.statediagram-cluster .cluster-label text { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.stateGroup .state-title { font-weight: bolder; fill: black; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.stateGroup rect { fill: #ECECFF; stroke: #9370DB; } #mermaid-svg-Wi8Ws7ErQzhf2XvI g.stateGroup line { stroke: #9370DB; stroke-width: 1; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .transition { stroke: #9370DB; stroke-width: 1; fill: none; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .stateGroup .composit { fill: white; border-bottom: 1px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .stateGroup .alt-composit { fill: #e0e0e0; border-bottom: 1px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .state-note { stroke: #aaaa33; fill: #fff5ad; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .state-note text { fill: black; stroke: none; font-size: 10px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .stateLabel .box { stroke: none; stroke-width: 0; fill: #ECECFF; opacity: 0.7; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edgeLabel text { fill: #333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .stateLabel text { fill: black; font-size: 10px; font-weight: bold; font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); } #mermaid-svg-Wi8Ws7ErQzhf2XvI .node circle.state-start { fill: black; stroke: black; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .node circle.state-end { fill: black; stroke: white; stroke-width: 1.5; } #mermaid-svg-Wi8Ws7ErQzhf2XvI #statediagram-barbEnd { fill: #9370DB; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-cluster rect { fill: #ECECFF; stroke: #9370DB; stroke-width: 1px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-cluster rect.outer { rx: 5px; ry: 5px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-state .divider { stroke: #9370DB; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-state .title-state { rx: 5px; ry: 5px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-cluster.statediagram-cluster .inner { fill: white; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-cluster.statediagram-cluster-alt .inner { fill: #e0e0e0; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-cluster .inner { rx: 0; ry: 0; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-state rect.basic { rx: 5px; ry: 5px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-state rect.divider { stroke-dasharray: 10,10; fill: #efefef; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .note-edge { stroke-dasharray: 5; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .statediagram-note rect { fill: #fff5ad; stroke: #aaaa33; 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-Wi8Ws7ErQzhf2XvI .error-icon { fill: #552222; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .error-text { fill: #552222; stroke: #552222; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edge-thickness-normal { stroke-width: 2px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edge-thickness-thick { stroke-width: 3.5px; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edge-pattern-solid { stroke-dasharray: 0; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edge-pattern-dashed { stroke-dasharray: 3; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .edge-pattern-dotted { stroke-dasharray: 2; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .marker { fill: #333333; } #mermaid-svg-Wi8Ws7ErQzhf2XvI .marker.cross { stroke: #333333; } :root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-Wi8Ws7ErQzhf2XvI { color: rgba(255, 255, 255, 0.75); font: ; }链接长方形圆圆角长方形菱形- 关于 Mermaid 语法,参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图:
Created with Raphaël 2.2.0开始我的操作确认?结束yesno- 关于 Flowchart流程图 语法,参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。
注脚的解释 ↩︎
- Mysql 8.0的安装与卸载
- Windows环境下MySQL 8.0 的安装、配置与卸载
- Windows环境下MySQL 8.0 的安装、配置与卸载
- win10彻底卸载MYSQL+安装8.0版本+可能遇到的问题
- MySQL的安装与卸载(MySQL8.0)(win10,2019最新系统)
- 卸载Mysql8.0版本后,重新安装5.0版本后出错,教程
- 基于win10系统的mysql的彻底卸载以及基于win10的mysql8.0的详细安装步骤(视频版)(解压版本的卸载及安装)
- MySQL8.0从安装到卸载(win10)
- win10 MySQL 8.0 版 安装
- MYSQL安装,卸载问题
- Linux下mysql的安装,卸载和可能出现的问题
- mysql的安装卸载
- 转:ubuntu下apt-get安装和彻底卸载mysql
- MySQL5.6下载、安装以及卸载注意事项
- linux下cmake编译安装、配置和卸载mysql
- Ubuntu12.04下安装、使用、卸载MySQL
- Windows下Mysql解压缩版配置安装与卸载
- mysql 卸载、安装、密码 等
- Mac MySQL启动不了解决办法(MySQL卸载重新安装教程)
- mysql8.0 windows x64 zip包安装配置教程