视频参考资料:
https://www.bilibili.com/video/BV1c44111731?p=16
工作流程:
markdown标记语言转HTML,多数编辑器也支持markdown里直接写html,编辑器负责展现html和完成css渲染, css文件由编辑器维护
官方markdown编辑器:
https://daringfireball.net/projects/markdown/dingus
推荐使用客户端编辑器:Typora
标题
行以1-6个#开头,后面跟一个空格
# 标题
## 标题h2
### 标题h3
#### 标题h4
##### 标题h5
###### 标题h6
标题h2
标题h3
标题h4
标题h5
标题h6
另外一种h2定义方式
标题 + 换行 + 3个或更多的 -
或者 =
, 或更多,如
另类标题h2
通常快捷键:Ctrl + 1-6
生成HTML标签:h1-h6
段落
使用空行分隔一段文本,两行之间要空一行,就是段落,markdown会自动转为<p>标签, 如果不空隔一行,则文本会显示在一行并用空格分隔
我是第一行
我是第二行
我是第一行
我是第二行
生成标签:<p></p>
换行
使用两个或多个空格结束一行,markdown会自动生成<br/>标签,但如果后面紧跟的是段落则不会生成(没必要),会直接忽略掉
注意:如果换行后面紧跟的一行不是段落,有些markdown是不会被解释的,如后面紧跟的是有序列表或无序列表就不会解释,它只能解释一些内联的markdown(非块级元素),因为本质上通过<br/>换行的这部分内容归属于它的上一行
我是第一行,我行末有两个空格
我是第二行
我是第一行,我行末有两个空格
我是第二行
生成HTML标签:<br/>
粗体
单词和短语之前和之后添加两个星号或者下划线
注意两个符号内部之间没有空格
如果使用下划线,在下划线外部要留空格,否则有些编辑器不支持
我是**粗体**文字1 (推荐)
我是 __粗体__ 文字2 (不推荐,且为了兼容某些编辑器,要留空格)
我是粗体文字1
我是 粗体 文字2
通常快捷键:Ctrl + B
生成HTML标签:<strong></strong>
斜体
单词或短语之前和之后添加一个星号或者下划线
注意两个符号内部之间没有空格
如果使用下划线,在下划线外部要留空格,否则有些编辑器不支持
我是*斜体*文字 (推荐)
我是 _斜体_ 文字 (不推荐,且为了兼容某些编辑器,要留空格)
我是斜体文字
我是 斜体 文字
通常快捷键:Ctrl + I
生成HTML标签:<em></em>
斜粗体
单词或短语之前和之后添加三个星号或者下划线
注意两个符号内部之间没有空格
星号和下划线建议外部都要留空格,否则有些编辑器不支持
我是 ***斜粗体*** 文字 (推荐)
我是 ___斜粗体___ 文字 (不推荐)
我是 斜粗体 文字
我是 斜粗体 文字
通常快捷键:Ctrl + B 之后按 Ctrl + I 或者 Ctrl + I 之后按 Ctrl + B
生成HTML标签:<strong><em></em></strong>
块引用
在段落前加一个 > , 支持嵌套引用, 建议手敲时在 > 后增加一个空格和快捷键生成的markdown标签保持一致
支持嵌套内部使用其他的markdown标记
> C: 别闹,老婆的**健身圈**你们买了吗 ?
> > B: 她在我旁边刚睡着
> > > A: 新垣结衣是我老婆
C: 别闹,老婆的健身圈你们买了吗 ?
B: 她在我旁边刚睡着
A: 新垣结衣是我老婆
通常快捷键:Ctrl + Q 或者 Ctrl + Shift + Q
生成HTML标签:<blockquote></blockquote>
有序列表
数字+英文句号+空格, 多级有序列表建议用4个空格排版格式, 支持嵌套和内部使用其他的markdown标记
数字虽然不必按数字顺序排列,但最好每级开头处以1开头,并且每次间隔1,否则编辑器会自动根据每级的第一个序号转换成对应的有序符号(如2转换成希腊字符Ⅱ, 或字母b),同级后面的不再读取,自动每次递增1
1. 苹果
1. 红苹果
2. 烂苹果
1. *烂红苹果*
2. 葡萄
1. 紫葡萄
2. 绿葡萄
3. 烂葡萄
3. 荔枝
4. 香蕉
- 苹果
- 红苹果
- 烂苹果
- 烂红苹果
- 葡萄
- 紫葡萄
- 绿葡萄
- 烂葡萄
- 荔枝
- 香蕉
生成HTML标签:<ol><li></li></ol>
无序列表
(- 号,星号,+号任意一个)+空格, 多级无序列表建议用4个空格排版格式, 支持嵌套和内部使用其他的markdown标记
推荐使用 - 号或者 + 号,因为*号用得多容易迷惑
- 苹果
- 红苹果
- 烂苹果
- *烂红苹果*
- 葡萄
- 紫葡萄
- 绿葡萄
- 烂葡萄
- 荔枝
- 香蕉
- 苹果
- 红苹果
- 烂苹果
- 烂红苹果
- 葡萄
- 紫葡萄
- 绿葡萄
- 烂葡萄
- 荔枝
- 香蕉
生成HTML标签:<ul><li></li></ul>
注意:有序列表和无序列表中如碰到非列表符号开始的段落就会中断, 两个列表项之间也最好不要加空行(段落),可能会产生不可预期的排版问题
代码
单词或短语之前和之后增加符号:` (Esc下面)
`keywords`
keywords
如果要显示 ` , 则可以用两个这样的符号括起来 ``,如下(注意符号两侧最好要有一个空格 )
``这是一个`keywords` ``
这是一个`keywords`
这里可以自己试试,用转义字符 \ 是有冲突的,所以才用双反引号
生成HTML标签:<code></code>
代码块
方法1: 每行缩进至少4个空格或者一个tab键 (不推荐,所以建议每行不要按tab键或者空格缩进)
方法2: 代码之前和之后使用```或者~~~,(都在同一个键位上), 在前面3个符号后可以加上语言
```java
System.out.println("Dear Friend");
```
System.out.println("Dear Friend");
通常快捷键:Ctrl + Shift + K
生成HTML标签仍然是:<code></code>