MarkDown语法
什么是MarkDown
markdown是一种轻量级标记语言,它简洁语法,写文章更加轻松,易于阅读,markdown具有美观的排版,可内联HTML,可扩展(eimoji表情,自定义样式设计,可转为PDF,World等格式),可书写数学表达式,逻辑图,可插入图片,链接等
MarkDown的优点
- 专注你的文字内容而不是排版样式,安心写作。
- 轻松的导出 HTML、PDF 和本身的 .md 文件。
- 纯文本内容,兼容所有的文本编辑器与字处理软件。
- 随时修改你的文章版本,不必像字处理软件生成若干文件版本导致混乱。
- 可读、直观、学习成本低。
We believe that writing is about content, about what you want to say – not about fancy formatting.
我们坚信写作写的是内容,所思所想,而不是花样格式。
— Ulysses for Mac
MarkDown在线编辑器
此编辑器未曾留下姓名大佬基于开源项目mavonEditor开发,扩展了HTML复制、html文件导出、md文件导出等功能,戳这里https://markdowneditor.cn,这个编辑器放到文章里是为了方便读者在阅读文章时可以实际操作,更快的上手markdown
MarkDown语法篇
注意 markdown中涉及的符号均为半角!!!
语法中会有空格和空行,书写出现问题时,查看格式中是否有空格或空行
标题
由于设置标题会影响排版,所以就不写例子了。如果想看具体样式可以跳转到markdown-editor
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题 <!--最多6级标题-->
`#`要和标题空一格
缩进
  全角
  半角
换行
在行末空格加回车或者Html的br标签
对齐
markdown不支持对齐,但markdown支持html标签和css样式,可以使用html+css样式惊醒对齐,一般对齐如下
<center>居中</center> or <p style="text-align: center">居中</p>
<p align="right">右对齐</p> or <p style="text-align: right">右对齐</p>
<p align="left">左对齐</p> or <p style="text-align: left">左对齐</p>
字体
粗体
**粗体文字**
***加粗体***
斜体
_斜体_
是半角下划线哦!
删除线
~~删除线~~
下划线
++下划线++
背景高亮
==背景高亮==
链接
行内链接
[链接描述](链接网址)
举个栗子: 博客园
标注式链接
最喜欢逛[博客园][1]啦~~
[1]:https://www.cnblogs.com
冒号后不要有空格, 标注文字与被标注文字空一行,避免解析错误
最喜欢逛博客园啦~~
锚点链接
锚点链接其实就是HTML的a链接,锚点跳转点就是#+元素id
[我是锚点](#index)
<p id="index">我是锚点跳转落点</p>
我是锚点跳转落点
自动链接
Marndown可将<>内的网址或电子邮箱转化成HTML的a链接
<链接网址>
博客园在右边https://www.cnblogs.com
插入图片
![图片加载失败显示的图片描述](图片地址)
分割线
1. ***
2. * * *
3. ****
4. - - -
5. ---
方式1
方式2
方式3
方式4
方式5
目录
markdown会将大、小标题汇总成一个目录,前提是声明目录的命令
[toc]
举个栗子:
点击这里
列表
有序列表
编号. 内容
比如:
1. 吃饭
2. 睡觉
3. 打豆豆
举个栗子
- 吃饭
- 睡觉
- 打豆豆
无序列表
* 内容 or - 内容 or + 内容
比如:
* 吃饭 or
- 睡觉 or
+ 打豆豆
举个栗子
- 吃饭
- 睡觉
- 打豆豆
任务列表
- [x] 已完成状态
- [ ] 未完成状态
博客园似乎没有显示任务列表样式,可以在markdown-editor中或其他markdown编辑器查看样式。
代码块
代码是写程序必不可少的,markdown为了让代码正常书写而不会出现解析问题,提供了代码块功能,语法是使用上下共6个反引号,代码书写在反引号之间
常规代码块
\`\`\`
我是代码块
\`\`\`
由于代码块不能支持嵌套所以,这里问了演示,我就用转义字符转义,防止解析出现奇怪的问题
Java代码
戳我查看代码
public class User {
private String userName;
private int age;
public User(String name, int age) {
this.userName = name;
this.age = age;
}
public String toString() {
return `User = { userName:' + userName + ', age: ' + age + '}';
}
}
JavaScript代码
戳我查看代码
class User {
constructor(options) {
this.userName = options.name;
this.age = options.age;
}
}
行内代码块
一般文字`我是行内代码块`一般文字
举个栗子
vite可通过yarn create vite app
即可安装
引用
> 在这里写引入的内容
>后面空一个
举个栗子
科学是人们生活中最重要、最美好和最需要的东西。
——— 契诃夫
表格
markdown通过简单的语法就可以写出表格,当然,HTML方式也是可以写,只是比较麻烦
|字段1|字段2|字段三|
|:-:|:-|-:|
|居中|左对齐|右对齐|
`|`是shift+回车上方的按键
举个栗子
字段1 | 字段2 | 字段三 |
---|---|---|
居中 | 左对齐 | 右对齐 |
角标
上角标
语法
2^10^
栗子: 210
下角标
log~2~8
栗子: log28
折叠块
<details>
<summary>戳我显示隐藏内容</summary>
这里写折叠的内容
</details>
戳我显示隐藏内容
这里写折叠的内容
注脚
注脚
HTML是 超文本标记语言[^1]
[^1]:`HTML全称: HyperText Markup Language`
!!空一行!!
[^2]:`HTML全称: HyperText Markup Language`
举个栗子
特殊字符对照表
戳我显示对照表
特殊字符 | 描述 | 字符代码 |
---|---|---|
空格符 | |
|
& | 逻辑与 | & |
< | 小于号 | < |
> | 大于号 | > |
¥ | 人民币 | ¥ |
± | 正负号 | ± |
× | 乘号 | × |
÷ | 除号 | ÷ |
© | 版权符号 | © |
® | 注册商标符号 | ® |
°C | 摄氏度 | °C |
« | 双小于号 | « |
» | 双大于号 | » |
² | 平方 | ² |
³ | 立方 | ³ |
半角空格 |   |
|
全角 |   |
|
" | 双引号 | " |
' | 单引号 | ' |
¯ | 上划线 | ¯ |
£ | 磅 | £ |
≥ | 大于等于 | ≥ |
≤ | 小于等于 | l&e; |
≡ | 三横线 | ≡ |
≈ | 约等于 | asymp; |
¼ | 四分之一 | ¼ |
½ | 二分之一 | ½ |
¾ | 三分之四 | ¾ |
⅖ | 五分之二 | ⅖ |
‰ | 千分号 | ‰ |
ƒ | 函数符号 | ƒ |
∠ | 角符号 | ∠ |
∞ | 无穷 | ∞ |
∫ | 积分 | ∫ |
π | π | π |
↵ | 回车 | ↵ |
¿ | 倒问号 | ¿ |
™ | TM | ™ |
♥ | 爱心 | ♥ |
⌈ | 特殊符号 | ⌈ |
⌉ | 特殊符号 | ⌉ |
⌊ | 特殊符号 | ⌊ |
⌋ | 特殊符号 | ⌋ |
Ω | 数学符号 | Ω |
β | 数学符号 | β |
Σ | 数学符号 | Σ |
α | 数学符号 | α |
∑ | 求和 | ∑ |
√ | 根号 | √ |
← | 左箭头 | ← |
→ | 右箭头 | → |
↑ | 上箭头 | ↑ |
↓ | 下箭头 | ↓ |
⇐ | 左箭头 | ⇐ |
⇒ | 右箭头 | ⇒ |
⇑ | 上箭头 | ⇑ |
⇓ | 下箭头 | ⇓ |
语法偏多,但很多都是多次使用就可以记住的,大家可以按照使用频率来对语法分层掌握,先掌握基础的标题,链接,图片,列表,然后学习复杂的表格,文字排版,代码块,锚点,公式等,特殊字符查表即可,无需记忆。希望大家尽快掌握语法,体验其中的乐趣。