网站建设费无形资产摊销,烟台网站建设方案书,余姚网站建设 熊掌号,做网上购物网站CSDN 在博客开头加上 [TOC](你的目录标题)就可以根据博客内容自动生成如下所示的目录#xff1a; 你的目录标题 Markdown 编辑器功能快捷键合理的创建标题#xff0c;有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表无序列表…CSDN 在博客开头加上 [TOC](你的目录标题)就可以根据博客内容自动生成如下所示的目录 你的目录标题 Markdown 编辑器功能快捷键合理的创建标题有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表无序列表有序列表待办列表 创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释KaTeX数学公式新的甘特图功能丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 Markdown 编辑器
刚用 Markdown 编辑器时可能会遇到这个问题第一段无法首行缩进两个空格可以尝试以下方法
不空格
emsp;空一格
emsp;emsp;空两格效果如下
不空格 空一格 空两格
功能快捷键
注下面的 键盘 keyboard 效果 可以用 kbd 和 /kbd 来实现如 kbdZ/kbd 的效果为 Z。
撤销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 语法后生成一个完美的目录。
如何改变文本的样式
左边为在 Markdown 编辑器中输入的文本右边为显示的文本。
*强调文本* _强调文本_ 强调文本 强调文本
**加粗文本** __加粗文本__ 加粗文本 加粗文本
标记文本 标记文本
~~删除文本~~ 删除文本 引用文本 引用文本 H~2~O H2O 是液体。
2^10^ 210 运算结果是 1024.
font color green face楷体 size5文字 文字
插入链接与图片
链接[link](https://www.csdn.net/) 的效果为 link (在你想要添加超链接的文本加上 [ ] 形如 [你想要添加链接的文本]然后 (网址) 即可)
举例子
[博客设置](https://mp.csdn.net/console/configBlog) 效果见→ 博客设置
图片 图片链接(https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
带尺寸的图片 在图片链接最后加上 30x30注意这里不是 × 乘而是 x。
如下(https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw 30x30)
居中的图片 在图片链接最后添加#pic_center
居中并且带尺寸的图片 在图片链接最后添加#pic_center 30x30 当然为了让用户更加便捷增加了图片拖拽功能。 如何插入一段漂亮的代码片
去博客设置页面选择一款你喜欢的代码片高亮样式下面展示同样高亮的 代码片.
// An highlighted block
var foo bar;生成一个适合你的列表
无序列表
- 项目- 项目- 项目空格的缩进可以控制列表的级别上面的代码效果如下
项目 项目 项目
有序列表
1. 项目1
2. 项目2
3. 项目3有序列表注意序号后 1. 加空格效果如下
项目1项目2项目3
待办列表
- [ ] 计划任务
- [x] 完成任务待办效果如下 计划任务 完成任务
创建一个表格
一个简单的表格是这么创建的
| 项目 | Value |
| ---- | ----- |
| 电脑 | $1600 |
| 手机 | $12 |
| 导管 | $1 |上面的 bash 效果如下
项目Value电脑$1600手机$12导管$1
设定内容居中、居左、居右
使用:---------:居中 使用:----------居左 使用----------:居右
| 第一列 | 第二列 | 第三列 |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |上面的 bash 效果如下
第一列第二列第三列第一列文本居中第二列文本居右第三列文本居左
SmartyPants
SmartyPants 将 ASCII 标点字符转换为“智能”印刷标点 HTML 实体。例如
| TYPE |ASCII |HTML
|----------------|-------------------------------|-----------------------------|
|Single backticks|Isnt this fun? |Isnt this fun? |
|Quotes |Isnt this fun? |Isnt this fun? |
|Dashes |-- is en-dash, --- is em-dash|-- is en-dash, --- is em-dash|上面的 bash 效果如下
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 toolAuthors
: John
: Luke上面的 bash 效果如下 Markdown Text-to- HTML conversion tool Authors John Luke 如何创建一个注脚
一个具有注脚的文本。[^2][^2]: 注脚的解释上面的 bash 效果如下
一个具有注脚的文本。1
注释
使用如下语句Markdown 可以将文本转换为 HTML
*[HTML]超文本标记语言*[HTML]:超文本标记语言效果如下
*[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应用】常用数学公式和符号 新的甘特图功能丰富你的文章 #mermaid-svg-8u1UQUzyTwqgKbkC {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-8u1UQUzyTwqgKbkC .error-icon{fill:#552222;}#mermaid-svg-8u1UQUzyTwqgKbkC .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-8u1UQUzyTwqgKbkC .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-8u1UQUzyTwqgKbkC .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-8u1UQUzyTwqgKbkC .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-8u1UQUzyTwqgKbkC .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-8u1UQUzyTwqgKbkC .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-8u1UQUzyTwqgKbkC .marker{fill:#333333;stroke:#333333;}#mermaid-svg-8u1UQUzyTwqgKbkC .marker.cross{stroke:#333333;}#mermaid-svg-8u1UQUzyTwqgKbkC svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-8u1UQUzyTwqgKbkC .mermaid-main-font{font-family:"trebuchet ms",verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-8u1UQUzyTwqgKbkC .exclude-range{fill:#eeeeee;}#mermaid-svg-8u1UQUzyTwqgKbkC .section{stroke:none;opacity:0.2;}#mermaid-svg-8u1UQUzyTwqgKbkC .section0{fill:rgba(102, 102, 255, 0.49);}#mermaid-svg-8u1UQUzyTwqgKbkC .section2{fill:#fff400;}#mermaid-svg-8u1UQUzyTwqgKbkC .section1,#mermaid-svg-8u1UQUzyTwqgKbkC .section3{fill:white;opacity:0.2;}#mermaid-svg-8u1UQUzyTwqgKbkC .sectionTitle0{fill:#333;}#mermaid-svg-8u1UQUzyTwqgKbkC .sectionTitle1{fill:#333;}#mermaid-svg-8u1UQUzyTwqgKbkC .sectionTitle2{fill:#333;}#mermaid-svg-8u1UQUzyTwqgKbkC .sectionTitle3{fill:#333;}#mermaid-svg-8u1UQUzyTwqgKbkC .sectionTitle{text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-8u1UQUzyTwqgKbkC .grid .tick{stroke:lightgrey;opacity:0.8;shape-rendering:crispEdges;}#mermaid-svg-8u1UQUzyTwqgKbkC .grid .tick text{font-family:"trebuchet ms",verdana,arial,sans-serif;fill:#333;}#mermaid-svg-8u1UQUzyTwqgKbkC .grid path{stroke-width:0;}#mermaid-svg-8u1UQUzyTwqgKbkC .today{fill:none;stroke:red;stroke-width:2px;}#mermaid-svg-8u1UQUzyTwqgKbkC .task{stroke-width:2;}#mermaid-svg-8u1UQUzyTwqgKbkC .taskText{text-anchor:middle;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutsideRight{fill:black;text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutsideLeft{fill:black;text-anchor:end;}#mermaid-svg-8u1UQUzyTwqgKbkC .task.clickable{cursor:pointer;}#mermaid-svg-8u1UQUzyTwqgKbkC .taskText.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaid-svg-8u1UQUzyTwqgKbkC .taskText0,#mermaid-svg-8u1UQUzyTwqgKbkC .taskText1,#mermaid-svg-8u1UQUzyTwqgKbkC .taskText2,#mermaid-svg-8u1UQUzyTwqgKbkC .taskText3{fill:white;}#mermaid-svg-8u1UQUzyTwqgKbkC .task0,#mermaid-svg-8u1UQUzyTwqgKbkC .task1,#mermaid-svg-8u1UQUzyTwqgKbkC .task2,#mermaid-svg-8u1UQUzyTwqgKbkC .task3{fill:#8a90dd;stroke:#534fbc;}#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutside0,#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutside2{fill:black;}#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutside1,#mermaid-svg-8u1UQUzyTwqgKbkC .taskTextOutside3{fill:black;}#mermaid-svg-8u1UQUzyTwqgKbkC .active0,#mermaid-svg-8u1UQUzyTwqgKbkC .active1,#mermaid-svg-8u1UQUzyTwqgKbkC .active2,#mermaid-svg-8u1UQUzyTwqgKbkC .active3{fill:#bfc7ff;stroke:#534fbc;}#mermaid-svg-8u1UQUzyTwqgKbkC .activeText0,#mermaid-svg-8u1UQUzyTwqgKbkC .activeText1,#mermaid-svg-8u1UQUzyTwqgKbkC .activeText2,#mermaid-svg-8u1UQUzyTwqgKbkC .activeText3{fill:black!important;}#mermaid-svg-8u1UQUzyTwqgKbkC .done0,#mermaid-svg-8u1UQUzyTwqgKbkC .done1,#mermaid-svg-8u1UQUzyTwqgKbkC .done2,#mermaid-svg-8u1UQUzyTwqgKbkC .done3{stroke:grey;fill:lightgrey;stroke-width:2;}#mermaid-svg-8u1UQUzyTwqgKbkC .doneText0,#mermaid-svg-8u1UQUzyTwqgKbkC .doneText1,#mermaid-svg-8u1UQUzyTwqgKbkC .doneText2,#mermaid-svg-8u1UQUzyTwqgKbkC .doneText3{fill:black!important;}#mermaid-svg-8u1UQUzyTwqgKbkC .crit0,#mermaid-svg-8u1UQUzyTwqgKbkC .crit1,#mermaid-svg-8u1UQUzyTwqgKbkC .crit2,#mermaid-svg-8u1UQUzyTwqgKbkC .crit3{stroke:#ff8888;fill:red;stroke-width:2;}#mermaid-svg-8u1UQUzyTwqgKbkC .activeCrit0,#mermaid-svg-8u1UQUzyTwqgKbkC .activeCrit1,#mermaid-svg-8u1UQUzyTwqgKbkC .activeCrit2,#mermaid-svg-8u1UQUzyTwqgKbkC .activeCrit3{stroke:#ff8888;fill:#bfc7ff;stroke-width:2;}#mermaid-svg-8u1UQUzyTwqgKbkC .doneCrit0,#mermaid-svg-8u1UQUzyTwqgKbkC .doneCrit1,#mermaid-svg-8u1UQUzyTwqgKbkC .doneCrit2,#mermaid-svg-8u1UQUzyTwqgKbkC .doneCrit3{stroke:#ff8888;fill:lightgrey;stroke-width:2;cursor:pointer;shape-rendering:crispEdges;}#mermaid-svg-8u1UQUzyTwqgKbkC .milestone{transform:rotate(45deg) scale(0.8,0.8);}#mermaid-svg-8u1UQUzyTwqgKbkC .milestoneText{font-style:italic;}#mermaid-svg-8u1UQUzyTwqgKbkC .doneCritText0,#mermaid-svg-8u1UQUzyTwqgKbkC .doneCritText1,#mermaid-svg-8u1UQUzyTwqgKbkC .doneCritText2,#mermaid-svg-8u1UQUzyTwqgKbkC .doneCritText3{fill:black!important;}#mermaid-svg-8u1UQUzyTwqgKbkC .activeCritText0,#mermaid-svg-8u1UQUzyTwqgKbkC .activeCritText1,#mermaid-svg-8u1UQUzyTwqgKbkC .activeCritText2,#mermaid-svg-8u1UQUzyTwqgKbkC .activeCritText3{fill:black!important;}#mermaid-svg-8u1UQUzyTwqgKbkC .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-8u1UQUzyTwqgKbkC :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-31idTpj8ClJzyUCa {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-31idTpj8ClJzyUCa .error-icon{fill:#552222;}#mermaid-svg-31idTpj8ClJzyUCa .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-31idTpj8ClJzyUCa .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-31idTpj8ClJzyUCa .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-31idTpj8ClJzyUCa .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-31idTpj8ClJzyUCa .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-31idTpj8ClJzyUCa .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-31idTpj8ClJzyUCa .marker{fill:#333333;stroke:#333333;}#mermaid-svg-31idTpj8ClJzyUCa .marker.cross{stroke:#333333;}#mermaid-svg-31idTpj8ClJzyUCa svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-31idTpj8ClJzyUCa .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-31idTpj8ClJzyUCa text.actortspan{fill:black;stroke:none;}#mermaid-svg-31idTpj8ClJzyUCa .actor-line{stroke:grey;}#mermaid-svg-31idTpj8ClJzyUCa .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-31idTpj8ClJzyUCa .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-31idTpj8ClJzyUCa #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-31idTpj8ClJzyUCa .sequenceNumber{fill:white;}#mermaid-svg-31idTpj8ClJzyUCa #sequencenumber{fill:#333;}#mermaid-svg-31idTpj8ClJzyUCa #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-31idTpj8ClJzyUCa .messageText{fill:#333;stroke:#333;}#mermaid-svg-31idTpj8ClJzyUCa .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-31idTpj8ClJzyUCa .labelText,#mermaid-svg-31idTpj8ClJzyUCa .labelTexttspan{fill:black;stroke:none;}#mermaid-svg-31idTpj8ClJzyUCa .loopText,#mermaid-svg-31idTpj8ClJzyUCa .loopTexttspan{fill:black;stroke:none;}#mermaid-svg-31idTpj8ClJzyUCa .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-31idTpj8ClJzyUCa .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-31idTpj8ClJzyUCa .noteText,#mermaid-svg-31idTpj8ClJzyUCa .noteTexttspan{fill:black;stroke:none;}#mermaid-svg-31idTpj8ClJzyUCa .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-31idTpj8ClJzyUCa .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-31idTpj8ClJzyUCa .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-31idTpj8ClJzyUCa .actorPopupMenu{position:absolute;}#mermaid-svg-31idTpj8ClJzyUCa .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-31idTpj8ClJzyUCa .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-31idTpj8ClJzyUCa .actor-man circle,#mermaid-svg-31idTpj8ClJzyUCa line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-31idTpj8ClJzyUCa :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 张三 李四 王五 你好李四, 最近怎么样? 你最近怎么样王五 我很好谢谢! 我很好谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五 这将产生一个流程图。: #mermaid-svg-3l9RqrM2pZOkBDcd {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3l9RqrM2pZOkBDcd .error-icon{fill:#552222;}#mermaid-svg-3l9RqrM2pZOkBDcd .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-3l9RqrM2pZOkBDcd .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-3l9RqrM2pZOkBDcd .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-3l9RqrM2pZOkBDcd .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-3l9RqrM2pZOkBDcd .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-3l9RqrM2pZOkBDcd .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-3l9RqrM2pZOkBDcd .marker{fill:#333333;stroke:#333333;}#mermaid-svg-3l9RqrM2pZOkBDcd .marker.cross{stroke:#333333;}#mermaid-svg-3l9RqrM2pZOkBDcd svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-3l9RqrM2pZOkBDcd .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-3l9RqrM2pZOkBDcd .cluster-label text{fill:#333;}#mermaid-svg-3l9RqrM2pZOkBDcd .cluster-label span{color:#333;}#mermaid-svg-3l9RqrM2pZOkBDcd .label text,#mermaid-svg-3l9RqrM2pZOkBDcd span{fill:#333;color:#333;}#mermaid-svg-3l9RqrM2pZOkBDcd .node rect,#mermaid-svg-3l9RqrM2pZOkBDcd .node circle,#mermaid-svg-3l9RqrM2pZOkBDcd .node ellipse,#mermaid-svg-3l9RqrM2pZOkBDcd .node polygon,#mermaid-svg-3l9RqrM2pZOkBDcd .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-3l9RqrM2pZOkBDcd .node .label{text-align:center;}#mermaid-svg-3l9RqrM2pZOkBDcd .node.clickable{cursor:pointer;}#mermaid-svg-3l9RqrM2pZOkBDcd .arrowheadPath{fill:#333333;}#mermaid-svg-3l9RqrM2pZOkBDcd .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-3l9RqrM2pZOkBDcd .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-3l9RqrM2pZOkBDcd .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-3l9RqrM2pZOkBDcd .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-3l9RqrM2pZOkBDcd .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-3l9RqrM2pZOkBDcd .cluster text{fill:#333;}#mermaid-svg-3l9RqrM2pZOkBDcd .cluster span{color:#333;}#mermaid-svg-3l9RqrM2pZOkBDcd 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-3l9RqrM2pZOkBDcd :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 文件在上方工具栏可以选择导入功能进行对应扩展名的文件导入继续你的创作。 注脚的解释 ↩︎
