第一篇博客————Markdown语法

发布时间 2024-01-10 23:52:26作者: ISagiri

Markdown

目录
标题语法
段落语法
换行语法
强调语法
列表语法

1.标题语法

  • 语法

    要创建标题就在该标题前面加井号 ( # ),# 的数量代表标题的级别,数量越低级别越高

    Markdown 语法 HTML 预览效果
    # 标题 1 <h1>标题 1</h1>

    标题 1

    ## 标题 2 <h2>标题 2</h2>

    标题 2

    ### 标题3 <h3>标题 3</h3>

    标题 3

    #### 标题4 <h4>标题 4</h4>

    标题 4

    ##### 标题5 <h5>标题 5</h5>
    标题 5
    ###### 标题6 <h6>标题 6</h6>
    标题 6
  • 可以用任意数量的 = 来表示一级标题 或 -来表示二级标题

    Markdown 语法 HTML 预览效果
    标题 1
    =====
    <h1>标题 1</h1>

    标题 1

    标题 2
    -------
    <h2>标题 2</h2>

    标题 2

2.段落语法

  • 语法

    Markdown 语法 HTML 预览效果
    这是一段文本 1 <p>这是一段文本 1</p>

    这是一段文本 1

    这是一段文本 1 <br> 这是一段文本 2 <p>这是一段文本 1 这是一段文本 2</p>

    这是一段文本 1 这是一段文本 2

Markdown 里面直接顶行写一些文本就能生成段落,各个段落之间用空行分割

注:不要用空格(spaces)或制表符( tabs)缩进段落,使用空格(spaces)或制表符( tabs)通常会应用等宽字体并添加代码块的样式效果。

3.换行

  1. 自动换行:在语句结尾不添加任何特殊符号或标记,直接回车即可实现自动换行。但需要注意的是,因为Markdown会忽略单个回车符(即没有其它字符内容的回车),所以如果想要在段落中进行换行,需要在行尾添加两个空格以上的空格后再回车。
  2. 强制换行:如果希望在不形成新的段落的情况下进行换行,可以在行尾使用两个空格加回车。这将告诉Markdown解析器在同一段落中换行。
  3. 使用HTML的换行标签:在需要换行的位置使用<br>标签即可。例如:这是一行文字<br>这是换行后的文字

4.强调语法

4.1 粗体(Bold)

要加粗文本,请在单词或短语的前后各添加两个星号 ** 或下划线 __。如需加粗一个单词或短语的中间部分用以表示强调的话,请在要加粗部分的两侧各添加两个星号(**)。

加粗| Markdown 语法 | HTML | 预览效果 |
| :---: | :---: |:---: |
| **这是加粗的字体** | <strong>这是加粗的字体</strong> | 这是加粗的字体 |
| __这是加粗的字体__ | <strong>这是加粗的字体</strong> | 这是加粗的字体 |
| 这是**加粗**的字体 | 这是<strong>加粗</strong>的字体 | 这是加粗的字体 |

4.2 斜体(Italic)

要用斜体显示文本,请在单词或短语前后添加一个星号*或下划线_。要斜体突出单词的中间部分,请在字母前后各添加一个星号*,中间不要带空格。

Markdown 语法 HTML 预览效果
*这是倾斜的字体* <em>这是倾斜的字体</em> 这是倾斜的字体
_这是倾斜的字体_ <em>这是倾斜的字体</em> 这是倾斜的字体
这是*倾斜*的字体 这是<em>倾斜</em>的字体 这是倾斜的字体

4.3 粗斜体

要用斜体显示文本,请在单词或短语后添加三个星号***或下划线___可以倾斜并加粗文本

Markdown 语法 HTML 预览效果
***这是粗斜的字体*** <strong><em>这是粗斜的字体</em></strong> 这是粗斜的字体
___这是粗斜的字体___ <strong><em>这是粗斜的字体</em></strong> 这是粗斜的字体
这是__*粗斜*__的字体 <strong><em>这是粗斜的字体</em></strong> 这是粗斜的字体
这是**_粗斜_**的字体 <strong><em>这是粗斜的字体</em></strong> 这是粗斜的字体

4.4 删除线

可以通过在单词中心放置一条水平线来删除单词。结果看起来像这样。此功能使您可以指示某些单词是一个错误,要从文档中删除。若要删除单词,请在单词前后使用两个波浪号

Markdown 语法 HTML 预览效果
~~这段文字需要删除~~ <s>这段文字需要删除</s> 这段文字需要删除

5.列表语法

5.1 有序列表

要创建有序列表,请在每个列表项前添加数字并紧跟一个英文句点。数字不必按数学顺序排列,但是列表应当以数字 1 起始。

Markdown 语法 HTML 预览效果
1. 有序列表1
2. 有序列表2
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
</ol>
1. 有序列表1
2. 有序列表2
1. 有序列表1
1. 有序列表2
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
</ol>
1. 有序列表1
2. 有序列表2
7. 有序列表1
9. 有序列表2
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
</ol>
1. 有序列表1
2. 有序列表2

5.2 无序列表

要创建无序列表,请在每个列表项前面添加破折号 -、星号 * 或加号 + 。缩进一个或多个列表项可创建嵌套列表。

Markdown 语法 HTML 预览效果
- 有序列表1
- 有序列表2
<ul>
<li>有序列表1</li>
<li>有序列表2</li>
</ul>

  • 有序列表1
  • 有序列表2

* 有序列表1
*有序列表2
<ul>
<li>有序列表1</li>
<li>有序列表2</li>
</ul>

  • 有序列表1
  • 有序列表2

+ 有序列表1
+ 有序列表2
<ul>
<li>有序列表1</li>
<li>有序列表2</li>
</ul>

  • 有序列表1
  • 有序列表2

5.3 列表嵌套

有序列表、无序列表都是可以嵌套的,在列表前添加两个以上空格或列表符可以把行变成子列表

5.4 任务列表

任务列表可以创建带有复选框的项目列表。在支持任务列表的Markdown应用程序中,复选框将显示在内容旁边。要创建任务列表,请在任务列表项之前添加破折号 - 和方括号[ ] ,并在[ ]前面加上空格。要选择一个复选框,请在方括号[x]之间添加x。
Markdown代码:

***有序任务列表***
1. [ ] 任务1
2. [x] 已完成的任务2
3. [ ] 任务3

***无序任务列表***
- [ ] 任务1
- [x] 已完成的任务2
- [ ] 任务3

有序任务列表

无序任务列表

5.4 任务列表

一些Markdown处理器允许创建术语及其对应定义的定义列表。要创建定义列表,请在第一行上键入术语。在下一行,键入一个冒号,后跟一个空格和定义。

Markdown代码:

列表头1
: 列表头11
: 列表头12

列表头2
: 列表头21
: 列表头22

HTML代码

<dl>
  <dt>列表头1</dt>
  <dd>列表头11</dd>
  <dd>列表头12</dd>
  <dt>列表头2</dt>
  <dd>列表头21</dd>
  <dd>列表头22</dd>
</dl>
列表头1
列表头11
列表头12
列表头2
列表头21
列表头22