Markdown 语法学习 精简版 ¶
约 1687 个字 预计阅读时间 7 分钟
文章开头
点击这里回到下方介绍 页面跳转 的阅读位置
点击这里回到下方介绍 toc 的阅读位置
此笔记学习摘抄自 Markdown 语法大全 ( 超级版 ),并根据笔者的使用不断更新,基本使用应该足够。
最常用 ¶
分级标题 ¶
# 一级标题 (注意有空格)
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题 <!--最多6级标题-->
目录 ¶
在任意位置插入 [toc] 显示全文目录结构
示例见文章开头(点击这里跳转到开头查看目录)
斜体 / 粗体 / 删除线 / 下划线 / 背景高亮 ¶
*斜体* _斜体_
**粗体** __粗体__
***加粗斜体*** ___加粗斜体___
~~删除线~~
<u>下划线</u>
==背景高亮==
斜体 斜体
粗体 粗体
加粗斜体 加粗斜体
删除线
下划线
背景高亮
无序列表 / 有序列表 ¶
无序列表 ¶
* 无序列表项 一
+ 无序列表项 二
- 无序列表项 三
- 无序列表项 一
- 无序列表项 二
- 无序列表项 三
多级无序列表 ¶
* 今天`* + 空格键`
* 明天
* 学习 `TAB(或4个空格) + * + 空格键`
* 购物
* 面包
* 牛奶
* 后天
- 今天
* + 空格键 - 明天
- 学习
TAB(或4个空格) + * + 空格键 - 购物
- 面包
- 牛奶
- 学习
- 后天
有序列表 / 多级有序列表 ¶
1. 有序列表项 一 `数字 + . + 空格键`
2. 有序列表项 二
1. 有序列表项 二(1) `TAB(或4个空格) + 数字 + . + 空格键`
2. 有序列表项 二(2)
1. 有序列表项 二(2).1
3. 有序列表项 三
- 有序列表项 一
数字 + . + 空格键 - 有序列表项 二
- 有序列表项 二 (1)
TAB(或4个空格) + 数字 + . + 空格键 - 有序列表项 二 (2)
- 有序列表项 二 (2).1
- 有序列表项 二 (1)
- 有序列表项 三
任务列表 ¶
- [ ] 任务一 未做任务 `- + 空格 + [ ]`
- [x] 任务二 已做任务 `- + 空格 + [x]`
- 任务一 未做任务
- + 空格 + [ ] - 任务二 已做任务
- + 空格 + [x]
表格 ¶
第一行为表头,第二行分隔表头和主体部分 ( 如果表格无法显示可以尝试把第二行的 - 变为--- ),可以指定所在列的对齐方式,第三行开始每一行为一个表格行。列与列之间用 | 隔开。( 注:原生方式的表格每一行的两边也要有| )
对齐方式 :- 左对齐 - 中心对齐 -: 右对齐
第一列|第二列|第三列
:-|-|-:
a11|a12|a13
a21|a22|a33
a31|a32|a33
| 表头一 | 表头二 | 表头三 |
|---|---|---|
| a11 | a12 | a13 |
| a21 | a22 | a33 |
| a31 | a32 | a33 |
超链接 ¶
[ ] 里写链接文字,( ) 里写链接地址 , ( ) 中的 " " 中可以为链接指定 title 属性,title 属性可加可不加。title 属性的效果是鼠标悬停在链接上会出现指定的 title 文字,链接地址与 title 前有一个空格。
右边是链接[链接文字](链接 "title")
右边是链接[GitHub](https://github.com "GitHub")
右边是链接 GitHub
插入图片 ¶
格式:! [图片标题] (图片地址 "图片Title”)
其中图片标题会被某些网站和编辑器显示在图片下方
代码块 ¶
行内代码块 ¶
用“ ` ”左右包裹代码
多行代码块 ¶
用“ ``` ”上下包裹代码,在第一个“ ``` ”后添加语言名称获得不同的高亮效果
如:cpp,python,swift
对齐方式 ¶
<center>行中心对齐</center>
<p align="left">行左对齐</p>
<p align="right">行右对齐</p>
行左对齐
行右对齐
分割线 ¶
* * *
***
- - -
---
换行 ¶
不同 markdown 编辑器可能有不同的换行方式,最简单为直接敲回车
markdown 文本内的连续两个或多个回车会被替换为一个回车
高级 ¶
设置字体 / 颜色 ¶
<font face="宋体" color=blue size=5>蓝色的字~</font>
蓝色的字~
常用颜色 ¶
浏览器支持的所有颜色请跳转参考
常用颜色名称 : * 按网站顺序排列 * orange pink gold yellow purple greenyellow lightgreen green aqua lightblue blue wheat brown white snow linen silver gray black
| 最常用 | 其他 |
|---|---|
| red | greenyellow |
| orange | lightgreen |
| yellow | lightblue |
| green | pink |
| aqua | gold |
| blue | silver |
| purple | brown |
锚点 ¶
也就是 跳转
1. [点击这里跳转到第一段](#jump1)
2. [点击这里跳转到第二段](#jump2)
### <span id="jump1">第一段</span>
### <span id="jump2">第二段</span>
<span id="now">当前位置</span>
点击[这里](#top)跳转到开头
点击[这里](#bottom)跳转到结尾
当前位置
点击这里跳转到开头
点击这里跳转到结尾
注脚 ¶
使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2]。
[^1]: Markdown 是一种纯文本标记语言
[^2]: HyperText Markup Language 超文本标记语言
使用 Markdown 1 可以效率的书写文档 , 直接转换成 HTML 2。
点击这里跳转到结尾查看注脚的显示效果
多级引用 ¶
>>> 请问 Markdwon 怎么用? - 小白
>> 自己看教程! - 愤青
> 教程在哪? - 小白
`[^_^]: # 无法显示时记得空行`
不同编辑器的显示情况不同
请问 Markdwon 怎么用? - 小白
自己看教程! - 愤青
教程在哪? - 小白
LaTeX 公式 ¶
- 在数学公式的前后加
$是行内公式
我们在初中数学课上已经对一次函数$y=x+a$有所了解。
我们在初中数学课上已经对一次函数 \(y=x+a\) 有所了解。
- 在数学公式的前后加
$$是独占一行的公式下面我们来认识一下二次函数$\(y=ax^2+bx+c\)$下面我们来认识一下二次函数$$y=ax^2+bx+c$$
行内公式:$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
块级公式:
$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
$$ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\ldots} } } } $$
行内公式:\(\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N\)
块级公式:
其他 ¶
转义字符 ¶
通过在 Markdown 字符前使用来忽略(或转义)Markdown 格式。
Markdown 允许您使用反斜杠转义来生成文字字符,否则这些字符在 Markdown 的格式化语法中具有特殊含义。 例如,如果您想用文字星号包围一个单词,则可以在星号之前使用反斜杠,如\*literal asterisks\* *literal asterisks*
Markdown 为以下字符提供反斜杠转义 ( 但是 CSDN 不太支持 ):
\ 反斜杠 ` 反引号 * 星号 _ 下划线 {} 大括号 [] 中括号 () 小括号 # 井号 + 加号 - 减号 . 英文句号 ! 英文感叹号
内联 HTML 语法 / 特殊字符自动转义 ¶
对于 Markdown 中未包含的标签 , 可以直接使用 HTML 标签,例如用 HTML <a>标签替代 Markdown 的链接语法
在 HTML 中 , 有一些字符需要特殊对待,如果你想将它们用作字面量 , 则需要将它们转义为字符实体
| 特殊字符 | 代码 |
|---|---|
| & | & |
| < | < |
| > | > |
| " | " " |
| ' | ' ' |
注释 ¶
<div style='display: none'>
注释
</div>
<!-- 注释 -->
[//]: # (哈哈我是最强注释1,不会在浏览器中显示。)
[^_^]: # (哈哈我是最萌注释2,不会在浏览器中显示。)
空格 ¶
【1】 半角的不断行的空白格(推荐使用)
【2】   半角的空格
【3】   全角的空格
- 【1】 半角的不断行的空白格(推荐使用)
- 【2】 半角的空格
- 【3】 全角的空格
文章结尾
点击这里回到介绍 页面跳转 的阅读位置
点击这里回到介绍 注脚 的阅读位置