【学习分享】MarkDown学习整理(上)

视频参考资料:
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. 香蕉
  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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值