mac 下 Typora MarkDown编辑器的使用方法

it2026-03-29 5

文章目录

// 生成以上目录：[TOC] + 回车// 切换预览和源码模式：command + /分割线内联样式字体注脚标题级别引用列表层级回退：无序列表：有序列表：任务列表：代码数学表达式表格图流程图UML时序图超链接特殊字符快捷键

// 生成以上目录：[TOC] + 回车

// 切换预览和源码模式：command + /

分割线

使用 *** 或者 — + 回车

内联样式

字体

**字体加粗** command+b __字体加粗__ // _ _ :2个_ *字体倾斜* command+i _字体倾斜_ <u>下划线</u> command+u ~~删除线~~

加粗

倾斜

下划线

删除线

注脚

格式：Xxx¹

百度网址²

标题级别

快捷键：command + 1

或者：先写 “#” ，空格，再写内容，回车的时候就可以成为对应的标题了

# 一级标题 / command + 1 ## 二级标题 / command + 2 ### 三级标题 / command + 3 #### 四级标题 / command + 4 ##### 五级标题 / command + 5 ###### 六级标题 / command + 6

引用

快捷键：command+option+Q

或者：先 “ > ”，后面直接加内容

二级引用：“>>”, 后面直接加内容

列表

层级回退：

快捷键：shift + tab

无序列表：

快捷键：command+option+U

或者：“+”，空格

或者：“-” ，空格，就成为无序列表

或者：先 “*”，空格，就成为无序列表了，如果想多级列表，在下一行列表里按TAB 键，就自动成为多级列表了，三级同理。

AAABBB

有序列表：

快捷键：command+option+O

先“ 1. ”，空格，就自动成为有序列表，多级同理，在下一行直接按TAB 键。

AAABBB A a

任务列表：

快捷键：command+option+U + [ ]

先“-”，空格, “ [ 空格 ] ” ,空格，就成为选项格式了。

Aaa

Bbb

代码

单行代码： “aaa", xxxxxxxxx

代码块：```+ 回车

代码块：~~~ + 回车

~~~语言 + 回车

aaa

import "fmt" func main() { fmt.Println("xxx") }

数学表达式

快捷键：command+option+B

或者： $$ + 回车

$P_{u,i}=\frac{\sum_{j}^n(sum{_{u,j}})*R_{j,i}}{\sum_{j}^nsim_{u,j}}$

表格

|表头1|表头2| + 回车

“|” 是英文格式下的

表头1表头2

图

流程图

快捷键： ```mermaid + 回车

graph LR 横向流程图

graph TD 竖向流程图

#mermaid-svg-1VPwlhC3VDWwkI8G .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .label text{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .node rect,#mermaid-svg-1VPwlhC3VDWwkI8G .node circle,#mermaid-svg-1VPwlhC3VDWwkI8G .node ellipse,#mermaid-svg-1VPwlhC3VDWwkI8G .node polygon,#mermaid-svg-1VPwlhC3VDWwkI8G .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-1VPwlhC3VDWwkI8G .node .label{text-align:center;fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .node.clickable{cursor:pointer}#mermaid-svg-1VPwlhC3VDWwkI8G .arrowheadPath{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-1VPwlhC3VDWwkI8G .flowchart-link{stroke:#333;fill:none}#mermaid-svg-1VPwlhC3VDWwkI8G .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-1VPwlhC3VDWwkI8G .edgeLabel rect{opacity:0.9}#mermaid-svg-1VPwlhC3VDWwkI8G .edgeLabel span{color:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-1VPwlhC3VDWwkI8G .cluster text{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G 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-1VPwlhC3VDWwkI8G .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-1VPwlhC3VDWwkI8G text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-1VPwlhC3VDWwkI8G .actor-line{stroke:grey}#mermaid-svg-1VPwlhC3VDWwkI8G .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-1VPwlhC3VDWwkI8G #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .sequenceNumber{fill:#fff}#mermaid-svg-1VPwlhC3VDWwkI8G #sequencenumber{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G #crosshead path{fill:#333;stroke:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .messageText{fill:#333;stroke:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-1VPwlhC3VDWwkI8G .labelText,#mermaid-svg-1VPwlhC3VDWwkI8G .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-1VPwlhC3VDWwkI8G .loopText,#mermaid-svg-1VPwlhC3VDWwkI8G .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-1VPwlhC3VDWwkI8G .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-1VPwlhC3VDWwkI8G .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-1VPwlhC3VDWwkI8G .noteText,#mermaid-svg-1VPwlhC3VDWwkI8G .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-1VPwlhC3VDWwkI8G .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-1VPwlhC3VDWwkI8G .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-1VPwlhC3VDWwkI8G .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-1VPwlhC3VDWwkI8G .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .section{stroke:none;opacity:0.2}#mermaid-svg-1VPwlhC3VDWwkI8G .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-1VPwlhC3VDWwkI8G .section2{fill:#fff400}#mermaid-svg-1VPwlhC3VDWwkI8G .section1,#mermaid-svg-1VPwlhC3VDWwkI8G .section3{fill:#fff;opacity:0.2}#mermaid-svg-1VPwlhC3VDWwkI8G .sectionTitle0{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .sectionTitle1{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .sectionTitle2{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .sectionTitle3{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-1VPwlhC3VDWwkI8G .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .grid path{stroke-width:0}#mermaid-svg-1VPwlhC3VDWwkI8G .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-1VPwlhC3VDWwkI8G .task{stroke-width:2}#mermaid-svg-1VPwlhC3VDWwkI8G .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .taskText:not([font-size]){font-size:11px}#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-1VPwlhC3VDWwkI8G .task.clickable{cursor:pointer}#mermaid-svg-1VPwlhC3VDWwkI8G .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-1VPwlhC3VDWwkI8G .taskText0,#mermaid-svg-1VPwlhC3VDWwkI8G .taskText1,#mermaid-svg-1VPwlhC3VDWwkI8G .taskText2,#mermaid-svg-1VPwlhC3VDWwkI8G .taskText3{fill:#fff}#mermaid-svg-1VPwlhC3VDWwkI8G .task0,#mermaid-svg-1VPwlhC3VDWwkI8G .task1,#mermaid-svg-1VPwlhC3VDWwkI8G .task2,#mermaid-svg-1VPwlhC3VDWwkI8G .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutside0,#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutside2{fill:#000}#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutside1,#mermaid-svg-1VPwlhC3VDWwkI8G .taskTextOutside3{fill:#000}#mermaid-svg-1VPwlhC3VDWwkI8G .active0,#mermaid-svg-1VPwlhC3VDWwkI8G .active1,#mermaid-svg-1VPwlhC3VDWwkI8G .active2,#mermaid-svg-1VPwlhC3VDWwkI8G .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-1VPwlhC3VDWwkI8G .activeText0,#mermaid-svg-1VPwlhC3VDWwkI8G .activeText1,#mermaid-svg-1VPwlhC3VDWwkI8G .activeText2,#mermaid-svg-1VPwlhC3VDWwkI8G .activeText3{fill:#000 !important}#mermaid-svg-1VPwlhC3VDWwkI8G .done0,#mermaid-svg-1VPwlhC3VDWwkI8G .done1,#mermaid-svg-1VPwlhC3VDWwkI8G .done2,#mermaid-svg-1VPwlhC3VDWwkI8G .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-1VPwlhC3VDWwkI8G .doneText0,#mermaid-svg-1VPwlhC3VDWwkI8G .doneText1,#mermaid-svg-1VPwlhC3VDWwkI8G .doneText2,#mermaid-svg-1VPwlhC3VDWwkI8G .doneText3{fill:#000 !important}#mermaid-svg-1VPwlhC3VDWwkI8G .crit0,#mermaid-svg-1VPwlhC3VDWwkI8G .crit1,#mermaid-svg-1VPwlhC3VDWwkI8G .crit2,#mermaid-svg-1VPwlhC3VDWwkI8G .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-1VPwlhC3VDWwkI8G .activeCrit0,#mermaid-svg-1VPwlhC3VDWwkI8G .activeCrit1,#mermaid-svg-1VPwlhC3VDWwkI8G .activeCrit2,#mermaid-svg-1VPwlhC3VDWwkI8G .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-1VPwlhC3VDWwkI8G .doneCrit0,#mermaid-svg-1VPwlhC3VDWwkI8G .doneCrit1,#mermaid-svg-1VPwlhC3VDWwkI8G .doneCrit2,#mermaid-svg-1VPwlhC3VDWwkI8G .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-1VPwlhC3VDWwkI8G .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-1VPwlhC3VDWwkI8G .milestoneText{font-style:italic}#mermaid-svg-1VPwlhC3VDWwkI8G .doneCritText0,#mermaid-svg-1VPwlhC3VDWwkI8G .doneCritText1,#mermaid-svg-1VPwlhC3VDWwkI8G .doneCritText2,#mermaid-svg-1VPwlhC3VDWwkI8G .doneCritText3{fill:#000 !important}#mermaid-svg-1VPwlhC3VDWwkI8G .activeCritText0,#mermaid-svg-1VPwlhC3VDWwkI8G .activeCritText1,#mermaid-svg-1VPwlhC3VDWwkI8G .activeCritText2,#mermaid-svg-1VPwlhC3VDWwkI8G .activeCritText3{fill:#000 !important}#mermaid-svg-1VPwlhC3VDWwkI8G .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-1VPwlhC3VDWwkI8G g.classGroup text .title{font-weight:bolder}#mermaid-svg-1VPwlhC3VDWwkI8G g.clickable{cursor:pointer}#mermaid-svg-1VPwlhC3VDWwkI8G g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-1VPwlhC3VDWwkI8G g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-1VPwlhC3VDWwkI8G .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-1VPwlhC3VDWwkI8G .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-1VPwlhC3VDWwkI8G .dashed-line{stroke-dasharray:3}#mermaid-svg-1VPwlhC3VDWwkI8G #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G .commit-id,#mermaid-svg-1VPwlhC3VDWwkI8G .commit-msg,#mermaid-svg-1VPwlhC3VDWwkI8G .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-1VPwlhC3VDWwkI8G g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-1VPwlhC3VDWwkI8G g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-1VPwlhC3VDWwkI8G g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-1VPwlhC3VDWwkI8G .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-1VPwlhC3VDWwkI8G .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-1VPwlhC3VDWwkI8G .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-1VPwlhC3VDWwkI8G .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-1VPwlhC3VDWwkI8G .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-1VPwlhC3VDWwkI8G .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-1VPwlhC3VDWwkI8G .edgeLabel text{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-1VPwlhC3VDWwkI8G .node circle.state-start{fill:black;stroke:black}#mermaid-svg-1VPwlhC3VDWwkI8G .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-1VPwlhC3VDWwkI8G #statediagram-barbEnd{fill:#9370db}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-state .divider{stroke:#9370db}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-1VPwlhC3VDWwkI8G .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-1VPwlhC3VDWwkI8G .note-edge{stroke-dasharray:5}#mermaid-svg-1VPwlhC3VDWwkI8G .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-1VPwlhC3VDWwkI8G .error-icon{fill:#522}#mermaid-svg-1VPwlhC3VDWwkI8G .error-text{fill:#522;stroke:#522}#mermaid-svg-1VPwlhC3VDWwkI8G .edge-thickness-normal{stroke-width:2px}#mermaid-svg-1VPwlhC3VDWwkI8G .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-1VPwlhC3VDWwkI8G .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-1VPwlhC3VDWwkI8G .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-1VPwlhC3VDWwkI8G .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-1VPwlhC3VDWwkI8G .marker{fill:#333}#mermaid-svg-1VPwlhC3VDWwkI8G .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;} #mermaid-svg-1VPwlhC3VDWwkI8G { color: rgba(0, 0, 0, 0.75); font: ; } a=1 a=2 方形圆角 if a result1 result2

UML时序图

快捷键： ```mermaid sequenceDiagram + 回车

超链接

快捷键：command + k

格式： : 显示的超链接

百度

特殊字符

快捷键

搜索：command + f

加粗：command + b

倾斜：command + i

下划线：command + u 插入链接：command + k

快速切换预览和源码模式：command + /

http://github.com ↩︎

http:www.baidu.com ↩︎

最新回复(0)