抱歉，您的浏览器无法访问本站
本页面需要浏览器支持（启用）JavaScript
了解详情 >

Markdown练习

markdown

发布：2019年12月30日

更新：2019年12月30日
次浏览

前言

Markdown是一种轻量级标记语言

正文

1.标题

1
2
3
4
5
6
# 一级标题  
## 二级标题  
### 三级标题  
#### 四级标题  
##### 五级标题
###### 六级标题

一级标题（有下划线）

二级标题

三级标题

四级标题

五级标题
六级标题

2.块

  1. 块实现
1
2
3
4
5
6
> 无嵌套
>> 一层嵌套  
>  
>>> 两层嵌套
> 
>>>> 三层嵌套(n层……)

无嵌套

一层嵌套

两层嵌套

三层嵌套(n层……)

  1. 块段落换行
1
2
3
4
5
6
> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.  
>
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.

  1. 块中包含其他元素
1
2
3
> ## 二级标题
>
> 1. This ***is the first list*** item.

二级标题

  1. This is the first list item.

3.表格

|分单元格，-分表头和行 

1
2
3
4
5
格式:
|  表头1  | 表头2  |
|  ----   | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |
表头1 表头2
单元格 单元格
单元格 单元格

对齐

  1. -: 设置内容和标题栏居右对齐。
  2. :- 设置内容和标题栏居左对齐。
  3. :-: 设置内容和标题栏居中对齐。
1
2
3
4
5
eg:
| 左对齐 | 右对齐 | 居中对齐 |
| :----- | ----:  | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

4.无序列表(*,+,-)

1
2
3
4
5
6
7
8
9
10
11
12
*：
* 一
* 二
* 三
+：
+ a
+ b
+ c 
-:
- 1
- 2
- 3

*：

  • 一
  • 二
  • 三

+：

  • a
  • b
  • c

-:

  • 1
  • 2
  • 3

段落样式

1
2
3
4
5
6
7
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    Suspendisse id sem consectetuer libero luctus adipiscing.
*   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
viverra nec, fringilla in, laoreet vitae, risus.
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    > ：包含块>需要缩进四个空格或者一个制表符tab
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    Suspendisse id sem consectetuer libero luctus adipiscing.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
    viverra nec, fringilla in, laoreet vitae, risus.
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit.

    包含块>：需要缩进四个空格或者一个制表符tab

5.有序列表（数字+.）

1
2
3
4
5
6
7
8
9
10
11
12
1. one
8. two
78. three
```  

1. one
2. two
3. three  
***

### 6.代码块

tab这是一块代码
tab通常只需每行（或首行）开头一个tab即可（看当前格式而定）
tab动手敲敲 

1
2
3
4
5
6
7
8
9
10


    这是一块代码  
    通常只需每行（或首行）开头一个tab即可（看当前格式而定） 
    动手敲敲  

___

### 7.转换HTML字符实体

© 2004 Foo Corporation 
1
2
3
4
5
6
7
8
9
10


<div class="footer">
    &copy; 2004 Foo Corporation
</div>

---

### 8.水平线（*,-,_ 三个三个以上均可）

*** * * * ************ - - - --- _ _ _ 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

***
* * * 
************
- - - 
---
_ _ _

<br />

---
### 9.链接

1. 内联的链接

格式：[显示的信息](链接地址 "链接标题") eg： his is [an example](http://example.com/ "Title") inline link.（有链接标题） [This link](http://example.net/) has no title attribute. 
1
2
3
4
5
6

    This is [an example](http://example.com/ "Title") inline link.  
    [This link](http://example.net/) has no title attribute.

2. 引用的链接

由两部分构成（两中括号，第二个）： This is [an example] [id] reference-style link. （隔行） [id]: http://example.com/ "Optional Title Here" 
1
2
3
4
5
6
7
8
9

    This is an example [id] reference-style link.  

    [id]: http://example.com/  "Optional Title Here"
***
### 10.强调

用*或_

*星号斜体强调* _下划线斜体强调_ **星号加粗强调** __下划线加粗强调__ 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

 *星号斜体强调*  
 _下划线斜体强调_  
 **星号加粗强调**  
 __下划线加粗强调__

***
### 11.代码片段 
格式：\```片段 \``` 

```javascript(可指定编程语言)
    $(document).ready(function () {
       alert('RUNOOB');
    });
1
2
3
$(document).ready(function () {
    alert('RUNOOB');
});

12.图片

  1. 链接的格式上加“!” 

    1
    2
    3
    4
    即：![图片名](链接 "链接标题")
    eg：
    ![Alt text](https://cdn.jsdelivr.net/gh/MrGo123/asset@2020-1-2-1.0/headPortrait/mybloghp.jpg)
    ![Alt text](https://cdn.jsdelivr.net/gh/MrGo123/asset@2020-1-2-1.0/headPortrait/mybloghp.jpg "我的头像")

Alt text
Alt text

  1. 引用图片

    1
    2
    ![Alt text][id]
    [id]: url/to/image  "Optional title attribute"

Alt text

13.反斜杠转义

1
2
3
4
5
6
7
8
9
10
11
12
\\  
\`  
\*  
\_  
\{\}  
\[\]  
\(\)  
\#  
\+  
\-  
\.  
\!

\
`
*
_
{}
[]
()
#
+
-
.
!

部分写作常用内容

插入B站播放外链

简略步骤：某视频下点击分享–>copy“嵌入代码”–>copy下面代码并更改src–>插入完成。

1
2
3
4
5
{% raw %}
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?aid=43896218&cid=76952146&page=64" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"></iframe>
</div>
{% endraw %}

参考文档及推荐文档

  1. Mrakdown中文文档

    内容翻译于Markdown创始人 John Gruber 的博客

  2. 菜鸟教程

    能够补充部分Markdown中文文档没有的部分,有编写演示

  3. Markdown中文网

    内容跟Markdown中文文档差不多，联合起来瞅瞅，多多参考

博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议

本文永久链接是：https://zy68.top/2019/12/29/markdown%E6%91%98%E8%A6%81%E7%BB%83%E4%B9%A0/

markdown

评论

Gitalk评论系统对接至Github Issue，随心评论🐾🐾.....