Markdown
Markdown官网
目录 |
---|
1.标题语法 |
2.段落语法 |
3.换行语法 |
4.强调语法 |
5.引用语法 |
6.列表语法 |
7.分割线语法 |
8.链接语法 |
9.图片语法 |
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
返回目录文章来源地址https://www.toymoban.com/news/detail-791928.html
2.段落语法
-
语法
Markdown 语法 HTML 预览效果 这是一段文本 1
<p>这是一段文本 1</p> 这是一段文本 1
这是一段文本 1 <br> 这是一段文本 2
<p>这是一段文本 1 这是一段文本 2</p> 这是一段文本 1 这是一段文本 2
在 Markdown 里面直接顶行写一些文本就能生成段落,各个段落之间用空行分割
注:不要用空格(spaces)或制表符( tabs)缩进段落,使用空格(spaces)或制表符( tabs)通常会应用等宽字体并添加代码块的样式效果。
返回目录
3.换行
- 自动换行:在语句结尾不添加任何特殊符号或标记,直接回车即可实现自动换行。但需要注意的是,因为Markdown会忽略单个回车符(即没有其它字符内容的回车),所以如果想要在段落中进行换行,需要在行尾添加两个空格以上的空格后再回车。
- 强制换行:如果希望在不形成新的段落的情况下进行换行,可以在行尾使用两个空格加回车。这将告诉Markdown解析器在同一段落中换行。
- 使用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.引用语法
要创建块引用,请在段落前添加一个 > 符号。
Markdown代码:
> 这是一段引用段落
渲染效果:
这是一段引用段落
5.1 多个段落的块引用
块引用可以包含多个段落。为段落之间的空白行添加一个 >
符号。
Markdown代码:
> 这是一段引用段落
>
> 这是另一段引用段落
渲染效果:
这是一段引用段落
这是另一段引用段落
5.2 嵌套块引用
块引用可以嵌套。在要嵌套的段落前添加一个 >>
符号。
Markdown代码:
> 这是一段引用段落
>
>> 这是另一段引用段落
渲染效果:
这是一段引用段落
这是另一段引用段落
注:
块引用可以包含其他 Markdown 格式的元素。并非所有元素都可以使用。
Markdown代码:
> #### The quarterly results look great!
>
> - Revenue was off the chart.
> - Profits were higher than ever.
>
> *Everything* is going according to **plan**.
渲染效果:
The quarterly results look great!
- Revenue was off the chart.
- Profits were higher than ever.
Everything is going according to plan.
返回目录
6.列表语法
6.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 |
6.2 无序列表
要创建无序列表,请在每个列表项前面添加破折号 -
、星号 *
或加号 +
。缩进一个或多个列表项可创建嵌套列表。
Markdown 语法 | HTML | 预览效果 |
---|---|---|
- 有序列表1 - 有序列表2
|
<ul> <li>有序列表1</li> <li>有序列表2</li> </ul> |
|
* 有序列表1 *有序列表2
|
<ul> <li>有序列表1</li> <li>有序列表2</li> </ul> |
|
+ 有序列表1 + 有序列表2
|
<ul> <li>有序列表1</li> <li>有序列表2</li> </ul> |
|
6.3 列表嵌套
有序列表、无序列表都是可以嵌套的,在列表前添加两个以上空格或列表符可以把行变成子列表
6.4 任务列表
任务列表可以创建带有复选框的项目列表。在支持任务列表的Markdown应用程序中,复选框将显示在内容旁边。要创建任务列表,请在任务列表项之前添加破折号 -
和方括号[ ]
,并在[ ]
前面加上空格。要选择一个复选框,请在方括号[x]
之间添加x。
Markdown代码:
***有序任务列表***
1. [ ] 任务1
2. [x] 已完成的任务2
3. [ ] 任务3
***无序任务列表***
- [ ] 任务1
- [x] 已完成的任务2
- [ ] 任务3
渲染效果:
有序任务列表
无序任务列表
6.5 定义列表
一些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
返回目录
7.分割线语法
要创建分隔线,请在单独一行上使用三个或多个星号 ***
、破折号 ---
或下划线 ___
,并且不能包含其他内容。
Markdown代码
___
***
---
渲染效果:
注:
- 在分割线前后要添加空行,否则会变成标题
- 通常使用
---
,因为更为方便。
返回目录
8.链接语法
8.1 链接到网站
链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。
超链接Markdown语法代码:[超链接显示名](超链接地址 "超链接title")
对应的HTML代码:<a href="超链接地址" title="超链接title">超链接显示名</a>
这是一个链接 [Markdown语法](https://markdown.com.cn)。
渲染效果:
这是一个链接 Markdown语法。
8.2 链接到其他 $Markdown$ 页面
[标签](#链接地址)
[链接语法](#a)
渲染效果:
链接语法
8.3 无标签链接
使用尖括号 <>
可以很方便地把URL或者email地址变成可点击的链接。
<https://markdown.com.cn>
<fake@example.com>
渲染效果:
https://markdown.com.cn
fake@example.com
8.4 自动超链接
有些 $Markdown$ 解析器可以自动解析代码中的超链接,并生成无标签链接
比如:https://markdown.com.cn
8.5 与其他元素结合
超链接可以和粗体、斜体、代码等其他元素一块使用
1. 这是一个[**粗体链接**](./粗体斜体删除线)
1. 这是一个[**斜体链接**](./粗体斜体删除线)
1. 这是一个[**_粗斜体链接_**](./粗体斜体删除线)
1. 这是一个[`在代码里面的链接`](./代码块)
渲染效果:
- 这是一个粗体链接
- 这是一个斜体链接
- 这是一个粗斜体链接
- 这是一个
在代码里面的链接
返回目录
9.图片语法
9.1 添加图片
要添加图像,请使用感叹号 !
, 然后在方括号增加替代文本,图片链接放在圆括号里,括号里的链接后可以增加一个可选的图片标题文本。
![这是一个图片](图片地址)
生成效果:
9.2 带链接的图片
下面的代码,把生成图片的代码放到超链接的名称里面。超链接用法
[![这是一个图片](图片地址)] (https://example.com)
9.3 带tittle的图片
图片还可以添加 $tittle$ ,只需在图片的地址后面添加 $tittle$ 内容即可 (当鼠标悬浮在图片上,就会出现 $tittle$)
[![这是一个图片](图片地址)](https://example.com "这是添加的tittle")
文章来源:https://www.toymoban.com/news/detail-791928.html
返回目录
到了这里,关于Markdown语法——持续更新中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!