Markdown语法学习 3 --轻松掌握（基于Typora）

电脑版本Windows11 | 编写时间 2025.04 | 基于 Typora v1.9.5

---

---

写在开头

作为一名Markdown初学者，以下是我详细总结的第三份Markdown笔记，以下内容基于个人学习和实践经验，可能存在疏漏或错误。 🌼🌼

• 致谢与邀请：感谢互联网的开源资源与前辈分享！！💌若您发现任何问题或愿意补充内容，欢迎随时留言交流！ 💌
• 精神支持：感谢大家的喜欢与支持～ ❤️❤️❤️

一、基础语法回顾

1.1 内容回顾

点击进行复习

Markdown语法学习 1 --零帧起手（基于Typora）(标题、段落、文字、显示、列表)

Markdown语法学习 2 --快速入门（基于Typora）(链接、脚注、图片嵌入、表格)

二、Markdown 语法学习3

2.1 流程图（Mermaid 语法）

Typora 使用 Mermaid 库渲染流程图，需用代码块标记语言为 mermaid 。流程图(如 graph, sequenceDiagram 等)依赖 Mermaid 语法，支持复杂逻辑和子流程。

2.1.1 语法说明

1. 语法严格性：箭头 --> 和节点名称之间需有空格。(没有空格也不影响，严格性来说建议添加)

2. 节点类型：（在结点中输入文字即在流程图中显示）

   • []：方形节点
   • ( ) ：圆角节点
   • { } ：菱形条件节点
   • (( )) ：圆形节点
   • > ]：非对称节点

3. 快捷键：

   • 插入代码块： Ctrl + Shift + K ，然后输入 mermaid 。

   • 实时预览：Typora 自动渲染，无需额外操作。

导出支持：导出为 PDF/HTML 时需启用 Mermaid 支持（Typora 默认支持）。

2.1.2 横向/竖向流程图

默认为竖向流程图TD，若想改成横向为TD改成LR。

1）代码

graph LR
  A[开始] --> B(处理)
  B --> C{判断}
  C -->|是| D[完成]
  C -->|否| B

2）效果展示

2.1.3 复杂流程图

1）代码

graph LR
  A[方形节点] --> B(圆角节点)
  B --> C{菱形条件}
  C -->|条件1| D((圆形节点))
  C -->|条件2| E>非对称节点]
  subgraph 子流程
    D --> F
    E --> F
  end
  F --> G

2）效果展示

2.2 数学公式（LaTeX 语法）

Typora 支持行内公式和块级公式。Typora 默认使用 MathJax 渲染，需确保 LaTeX 语法正确。以下只讲述基础常用LaTex语法，更多扩展内容不在Markdown语法中过多赘述。

2.2.1 行内公式和块级公式

1）代码

>行内公式
$E = mc^2$ 

>块级公式
$$
\int_{-\infty}^\infty e^{-x^2} dx = \sqrt{\pi}
$$ 

2）快捷键

1. 插入块级公式：Ctrl + Shift + M （Windows/Linux）

3）效果展示

行内公式
$E=m{c}^2$

块级公式
$${\int }_{-\infty }^{\infty }{e}^{-x^2}dx=\sqrt{\pi }$$

2.2.2 常用数学符号示例

(1) 上下标

代码： $x^2 + y_1 = z^{n+1}$
效果：$x^2+y_1=z^{n+1}$

(2) 分式

代码：$\frac{a}{b}$
效果：$\frac{a}{b}$

(3) 矩阵

代码：$$ \begin{bmatrix} 1 & 2 \\ 3 & 4 \end{bmatrix}$$

效果：$$\left[\begin{array}{cc}1& 2\\ 3& 4\end{array}\right]$$

(4) 希腊字母

代码：$\alpha$，$\beta$，$\gamma$
效果：$\alpha$，$\beta$， $\gamma$

注意:

• 导出支持：导出为 PDF 时需启用数学公式选项（在 Typora 导出设置中勾选）。

• 转义字符：特殊符号（如 % , _ ）需用 \ 转义，如 % 显示为 % 。

2.3 表情符号

简单快捷，依赖 GitHub 标准代码。部分平台可能无法渲染，建议先预览！！！

1）代码示例

:smile: 显示为😄

2）快捷键

1. 自动补全：输入 : 后，Typora 会弹出表情符号列表，按方向键选择。
2. Win+.：弹出表情符号框。

3）表情代码

1. 访问Emoji Cheat Sheet可搜索表情并复制代码

3. 部分常用表情代码（个人总结）

表情	代码	描述	表情	代码	描述	表情	代码	描述
😊	:blush:	脸红微笑	👍	:thumbsup:	点赞	❤️	:heart:	爱心
😄	:smiley:	大笑	👎	:thumbsdown:	反对	⚠️	:warning:	警告
😢	:cry:	哭泣	🖐️	:wave:	挥手	🔧	:wrench:	扳手
😡	:angry:	愤怒	👏	:clap:	鼓掌	📚	:books:	书籍
😎	:sunglasses:	戴墨镜	🤝	:handshake:	握手	💻	:computer:	电脑
😧	:anguished:	痛苦	🐶	:dog:	狗	🍔	:hamburger:	汉堡
😠	:angry:	生气	🐱	:cat:	猫	🍕	:pizza:	披萨
😞	:disappointed:	失望	🌞	:sunny:	晴天	🍷	:wine_glass:	红酒杯
😍	:heart_eyes:	心动	🌧️	:umbrella:	雨伞	☕️	:coffee:	咖啡杯
😮	:open_mouth:	惊讶	🌳	:tree:	树	🍰	:cake:	蛋糕

注意：

• 兼容性：部分平台可能不支持自定义表情符号，导出时需确认目标格式是否兼容。

• 大小写敏感：:Smile: 和 :smile: 在输入过程仍然会显示表情选择栏，但是大写在Typora中无法显示。（GFM 简码需全小写）

希望今天的 Markdown 语法内容对大家有所帮助。目前三篇md文档已经全方位展示 Markdown 语法的魅力（已完结，欢迎补充）。每篇文档都通过实际案例与详细步骤，让大家迅速上手。期待你的持续关注，为高效写作助力！