markdown 的设计初衷是为了书写、阅读 简约方便,但适用的场景越多难免会有复杂的情况。
这里做一份总结,基于 macOS 系统,typora 的引擎,其他需要测试。
常见操作及快捷键
功能 | 效果 | markdown公式 | 快捷键 |
---|---|---|---|
下划线 | UnderLine | <u>UnderLine</u> | + U |
粗体 | 我是粗体字 | **我是粗体字** | + B |
斜体 | + I | ||
删除线 | ~~这是删除的内容~~ | + S | |
分隔线 | + L | ||
编号列表 | + Shift + O | ||
项目符号列表 | + Shift + U | ||
插入待办事项 | + Shift + T | ||
代码块 | + Shift + P | ||
撤销 | + Z | ||
在笔记内搜索 | + F | ||
短文字 | 第一点 | 第一点 | + ` |
+ ` | |||
+ ` | |||
+ ` | |||
+ ` | |||
+ ` |
引用
效果
引用一段话
源码
> 引用一段话
代码
开头和结尾 三个` ,这里无法展示源码模式
代码高亮
在第一段 `后指定代码语言,c 也可以替换为 python, objective-c
```c
表格
标题 | 标题 | 标题 |
---|---|---|
第一个格子 | 第二个格子 | 第三个格子 |
第一个内容 | 第二个内容 | 第三个内容 |
对齐
链接
Markdown 支持两种形式的链接语法: 行内链接
和 参考链接
。
行内链接:
链接文字都是用 [方括号] 来标记,使用 (圆括号) 来把文字转成链接。还可以为链接文字配个Title,Title 属性是可选项,可以不加。
效果:
This is an example link.
源码
This is an [example link](https://links.jianshu.com/go?to=http%3A%2F%2Fexample.com%2F).
参考链接:
为参考形式的链接定一个 [名称]
方便我们在文章中多次引用(链接名称可以用字母、数字和空格,但是不分大小写)。
当我知道 搜狗可以搜索微信和知乎时,我毫不犹豫地选择使用 搜狗。学术搜索还是用 Google靠谱,因为安全是第一位的,被墙我只能说「自作孽不可活」。
偶尔也会用一下 Bing和 某度。
在这里“祝贺” 某度搜索的竞价排名遗臭万年,但是就像现实生活中一样,请保护自己,别傻了吧唧被人骗。因为骗子固然最可恨,被骗难道不正说明了自己的脆弱无知?
早饭后,我打开 每日英语听力学习英语。遇到不懂的英语单词,我借助 欧路在线词典查看释义并加入生词本,方便使用 客户端随时记忆单词。
自动链接 <>
Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用 < > 包起来,Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样,邮址的自动链接也很类似,例如:
效果(请点击)
test01@163.com
源码
<test01@163.com>
http://example.com/
address@example.com
插入图片、视频
图片相对路径
如果图片 img1.jpg 与.md文件在同一目录A 下,那么相对路径这样表示

如果图片在目录 A 的子目录 B 中
图片路径表示为: 
使用 base64 插入图片
ͼƬתbase64 http://imgbase64.duoshitong.com
在文档中插入编码:
![image][data:image/png;base64, …]
base64 编码一般很长,直接将编码放入段落内部会影响正常编辑。
通常的做法是将base64编码定义到一个中间变量中,将编码本体放到文档末:
![image][tmp] your document here ... [tmp]:data:image/png;base64, ......
添加锚点,跳到本页 指定位置
在预览状态下跳转,跳转时按住ctrl/cmd点击
[点击跳转](https://github.com/developper0/notes/blob/57f8ea04a4a17105e21fb231b1d895b822ffc66c/999.其他/markdown 输入指南.md#表格)
比如 ## header1 的header1,放到<a href="">
的引号里面 : <a href="#header1">header1</a>
,
组织结构图 mermaid
https://www.jianshu.com/p/789f02d745ec?open_source=weibo_search
http://blog.yahui.wang/2019/04/09/talkabout-markdown-mermaid/
https://blog.csdn.net/suoxd123/article/details/84992282
节点类型
节点本身的展现形式,是通过不同括号来代表各自不同的形状,默认为矩形。
- 默认节点: A
- 矩形节点: B[矩形]
- 圆角矩形节点: C(圆角矩形)
- 圆形节点: D((圆形))
- 非对称节点: E>非对称]
- 菱形节点: F{菱形}
显示方向
- TB/TD( top bottom/top down)表示从上到下
- BT(bottom top)表示从下到上
- RL(right left)表示从右到左
- LR(left right)表示从左到右
节点连线
线条本身的形式有多种,通过常规的英文格式的格式来标识,具体如下:
箭头连接 A1-->B1
开放连接 A2---B2
虚线箭头连接 A3.->B3
或者 A3-.->B3
虚线连接A4.-B4
或者 A4-.-B4
粗线箭头连接 A5==>B5
粗线开放连接 A6===B6
标签虚线箭头连接 A7-.text.->B7
标签开放连接 A8--text---B8
数学
写法
上下标
- 上标 ^
- 下标 _
名称 | 数学表达式 | markdown公式 |
---|---|---|
上标 | ab | a<sup>b</sup> |
下标 | ab | a<sub>b</sub> |
H<sub>2</sub>O CO<sub>2</sub>
H2O CO2 爆米<sup>TM</sup>
爆米TM
注意:使用 $a^b$
和 $a_b$
时,如果b只要一位,可以实现。如果b有两位,则实现失败。
分数
- \frac{ }{ }
- 第一个{ }写分子,第二个{ }写分母。
名称 | 数学表达式 | markdown公式 |
---|---|---|
分数 | 3+8a5b+6 | $\frac{3+8a}{5b+6}$ |
累加
- \sum_{ }^{ }
- 累加号的上标下标的前后顺序可以互换。
名称 | 数学表达式 | markdown公式 |
---|---|---|
求和号 | ∑3xn | $\sum{3x^n}$ |
带范围求和 | ∑Nn=13xn | $\sum_{n=1}^N{3x^n} |
累乘
- \prod_{ }^{ }
- 累加号的上标下标的前后顺序可以互换。
名称 | 数学表达式 | markdown公式 |
---|---|---|
求和号 | ∏3xn | |
带范围求乘 | ∏Nn=13xn |
开方
- \sqrt[ ]{ }
- [ ]中写的是开几次方,{ }中写的是需要开方的数值。
名称 | 数学表达式 | markdown公式 |
---|---|---|
开方号 | $\sqrt[5]{100}$ |
积分
- \int_{ }^{ }
名称 | 数学表达式 | markdown公式 |
---|---|---|
积分 | ∫51f(x)dx | $\int^5_1{f(x)}{\rm d}x$ |
二重积分 | $\iint^5_1{f(x)}{\rm d}x$ | |
三重积分 | $\iiint^5_1{f(x)}{\rm d}x$ |
正无穷、负无穷
- \infty
名称 | 数学表达式 | markdown公式 |
---|---|---|
正无穷 | +∞ | |
负无穷 |
极限
名称 | 数学表达式 | markdown公式 |
---|---|---|
左箭头 | limn→+∞n | $\lim_{n\rightarrow+\infty} n$ |
关系运算符
名称 | 数学表达式 | markdown公式 |
---|---|---|
大于等于 | ≥ | $\geq$ |
小于等于 | ≤ | $\leq$ |
包含于 | $\subset$ | |
包含 | $\supset$ | |
属于 | ∈ | $\in$ |
二元运算符
名称 | 数学表达式 | markdown公式 |
---|---|---|
加减 | ± | $\pm$ |
点乘 | $\cdot$ | |
乘 | × | $\times$ |
除 | ÷ | $\div$ |
否定关系运算符
名称 | 数学表达式 | markdown公式 |
---|---|---|
不等于 | ≠ | $\not=$ |
不小于 | ≮ | $\not<$ |
不包含 | $\not\supset$ |
对数运算符
名称 | 数学表达式 | markdown公式 |
---|---|---|
对数 | log | $\log$ |
对数 | log218 | $\log_2{18}$ |
对数 | ln | $\ln$ |
三角运算符
名称 | 数学表达式 | markdown公式 |
---|---|---|
垂直 | ⊥ | $\bot$ |
角 | ∠ | $\angle $ |
30度角 | $30^\circ$ | |
正弦 | sin | $\sin$ |
余弦 | cos | $\cos$ |
正切 | tan | $\tan$ |
箭头
名称 | 数学表达式 | markdown公式 |
---|---|---|
左箭头 | ← | $\leftarrow$ |
右箭头 → | $\rightarrow$ | |
长箭头 | $\longrightarrow$ | |
上箭头 | ↑ | $\uparrow$ |
下箭头 | ↓ | $\downarrow$ |
参考
- Markdown 标题
- Markdown 引用
- Markdown 强调: 倾斜加粗删除下划线
- Markdown 插入链接
- Markdown 插入图片
- Markdown 列表
- Markdown 任务列表(简书不支持,可参阅)
- Markdown 代码块与语法高亮
- Markdown 换行与段首缩进
- Markdown 插入表格
- Markdown 生成内容目录
- Markdown 插入分割线
- Markdown 添加注脚
- Markdown 插入音乐(参阅)
- Markdown 插入视频(参阅)
- Markdown 嵌入地图(参阅)
- Markdown 设置字体、字号与颜色(参阅)
- Markdown 添加背景色(参阅)
- Markdown 插入数学公式(参阅)
- Markdown 插入流程图(参阅)
光懂语法还不能写出排版优秀的文章,我们还需要学习 Markdown 编写规范,让我们的文章看起来很专业。已经有好人写了文章:
少数派的文章排版比较规范,大家可以多逛逛。
来源:51CTO
作者:普儿
链接:https://blog.csdn.net/pupura/article/details/100799908