Markdown介绍
简介
Markdown
可以用简单的符号编写文档,然后转换为有效的HTML
文档。
例如
Markdown | HTML | 预览效果 |
---|---|---|
**加粗** |
<b>加粗</b> |
加粗 |
Markdown语法
标题
Markdown
与HTML
一样,拥有6种从大到小的标题
Markdown | HTML |
---|---|
# 一级标题 |
<h1>一级标题</h1> |
## 二级标题 |
<h2>二级标题</h2> |
### 三级标题 |
<h3>三级标题</h3> |
#### 四级标题 |
<h4>四级标题</h4> |
##### 五级标题 |
<h5>五级标题</h5> |
####### 六级标题 |
<h6>六级标题</h6> |
粗体
Markdown | HTML | 预览效果 |
---|---|---|
I like **bold text**. |
I like <strong>bold text</strong>. |
I like bold text. |
Like**is**bold |
Like<strong>is</strong>bold |
Loveisbold |
斜体
Markdown | HTML | 预览效果 |
---|---|---|
I like *Italic text*. |
I like <em>Italic text</em>. |
I like Italic text. |
A*cat*meow |
A<em>cat</em>meow |
Acatmeow |
引用
一个段落的引用
> 这是一段被引用的文本
这是一段被引用的文本
多个段落的引用
> 这是一段被引用的文本
>
> 这还是一段被引用的文本
分隔线
可使用***
、---
或___
,三种方法的渲染效果都一样
列表
Markdown | HTML |
---|---|
|
|
|
|
Markdown扩展语法
Blockquote
样式
Primary
Success
Warning
Danger
Info
Base
Yellow
使用方式
> Primary
<div class="success">
> Success
</div>
<div class="warning">
> Warning
</div>
<div class="danger">
> Danger
</div>
<div class="info">
> Info
</div>
<div class="base">
> Base
</div>
<div class="yellow">
> Yellow
</div>
Details 折叠
Summary
Content<details>
<summary>Summary</summary>
Content
</details>