MarkDown 快速开始 上手

*:first-child {
margin-top: 0 !important;
}

body>*:last-child {
margin-bottom: 0 !important;
}

/* BLOCKS
=============================================================================*/

p, blockquote, ul, ol, dl, table, pre {
margin: 15px 0;
}

/* HEADERS
=============================================================================*/

h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px;
padding: 0;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}

h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
font-size: inherit;
}

h1 {
font-size: 28px;
color: #000;
}

h2 {
font-size: 24px;
border-bottom: 1px solid #ccc;
color: #000;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
color: #777;
font-size: 14px;
}

body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h4:first-child, body>h5:first-child, body>h6:first-child {
margin-top: 0;
padding-top: 0;
}

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
margin-top: 0;
padding-top: 0;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
margin-top: 10px;
}

/* LINKS
=============================================================================*/

a {
color: #4183C4;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* LISTS
=============================================================================*/

ul, ol {
padding-left: 30px;
}

ul li > :first-child,
ol li > :first-child,
ul li ul:first-of-type,
ol li ol:first-of-type,
ul li ol:first-of-type,
ol li ul:first-of-type {
margin-top: 0px;
}

ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0;
}

dl {
padding: 0;
}

dl dt {
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 0;
margin: 15px 0 5px;
}

dl dt:first-child {
padding: 0;
}

dl dt>:first-child {
margin-top: 0px;
}

dl dt>:last-child {
margin-bottom: 0px;
}

dl dd {
margin: 0 0 15px;
padding: 0 15px;
}

dl dd>:first-child {
margin-top: 0px;
}

dl dd>:last-child {
margin-bottom: 0px;
}

/* CODE
=============================================================================*/

pre, code, tt {
font-size: 12px;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}

code, tt {
margin: 0 0px;
padding: 0px 0px;
white-space: nowrap;
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px;
}

pre>code {
margin: 0;
padding: 0;
white-space: pre;
border: none;
background: transparent;
}

pre {
background-color: #f8f8f8;
border: 1px solid #ccc;
font-size: 13px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 3px;
}

pre code, pre tt {
background-color: transparent;
border: none;
}

kbd {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #DDDDDD;
background-image: linear-gradient(#F1F1F1, #DDDDDD);
background-repeat: repeat-x;
border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
border-image: none;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 10px;
padding: 1px 4px;
}

/* QUOTES
=============================================================================*/

blockquote {
border-left: 4px solid #DDD;
padding: 0 15px;
color: #777;
}

blockquote>:first-child {
margin-top: 0px;
}

blockquote>:last-child {
margin-bottom: 0px;
}

/* HORIZONTAL RULES
=============================================================================*/

hr {
clear: both;
margin: 15px 0;
height: 0px;
overflow: hidden;
border: none;
background: transparent;
border-bottom: 4px solid #ddd;
padding: 0;
}

/* TABLES
=============================================================================*/

table th {
font-weight: bold;
}

table th, table td {
border: 1px solid #ccc;
padding: 6px 13px;
}

table tr {
border-top: 1px solid #ccc;
background-color: #fff;
}

table tr:nth-child(2n) {
background-color: #f8f8f8;
}

/* IMAGES
=============================================================================*/

img {
max-width: 100%
}
-->

MarkDown 快速上手

源代码 by qyx@2018/11/07

1. 标题

标题样式

#标题1

blablabla

##标题2

blablabla

###标题3

blablabla

####标题4

blablabla

#####标题5

blablabla

######标题6

blablabla

######标题7

最多6级标题

2. 段落

2.1 换行

换行示意1 （末尾加</br>） 换行示意2（末尾敲两个以上空格后回车）

2.2 缩进

无缩进 no_space  not break space( )，非断行空格，缩进1/4个中文字符。
 En Space( )，半角空格，缩进1/2个中文字符。
 Em Space( )，全角空格，缩进1个中文字符。

2.3 编号

编号分为:
  有序编号（使用数字+点+空格，例如1. item）对应html的<ol><li>item</li></ol>
  无序编号 （使用‘+’或者‘-’或者‘*’+空格，例如* item）对应html的<ul><li>item</li></ul>

使用示例（需要注意的是下段代码开始前，需要隔一空行）:

1. 有序编号1 (1.有序编号1)
2. 有序编号2 (2. 有序编号2)
3. 有序编号7，会自动编成3(7. 有序编号7)
   • 嵌套一级无序1 (* 嵌套一级无序1)
     • 二级无序1
   • 一级无序2
     1. 嵌套有序1
     2. 嵌套有序2
4. 即使是*也会变成有序编号(* 即使是)

html 方式编号

1. 序号1
2. 序号2
3. 序号3
   • 嵌套一级无序1
     • 嵌套二级无序1
   • 一级无序2
     1. 嵌套有序1
     2. 嵌套有序2
4. 序号4

2.4 引用

引用样式：
第二行引用

在需要引用的地方添加 > 即可。

2.5 代码

code
用法：使用两个``字符即可
示例：yourcode相当于html中的<code>yourcode</code>

程序代码
代码使用tab键缩进即可，示例如下：

void main(void)
{
    // 使用Tab键缩进即可
}

需要注意的是下段代码开始前，需要隔一空行：

void func(void);    // 或者使用至少4个空格

2.6 超链接

用法： [超链接名称](网址url) 比如：https://www.cnblogs.com/qiyuexin/

2.7 图片

用法： ![可选文本，空着即可](图片网址)
比如：![kaola](https://i.imgur.com/acQTdDx.jpg)

把方括号前的感叹号去掉则为超链接。
kaola

3. 字体

3.1 字体样式及大小

使用
<font face="字体名称" size="字体大小">需要调整的字体</font>
比如：
黑体 size=3

html字体加粗
   <b>需要加粗的字体</b>

3.2 字体颜色

red	orange	blue	green	cyan	indigo	purpule	brown	deeppink	gold	brown
Magenta	Maroon	darkgreen	greenyellow	forestgreen	lawngreen	lightgreen	LightSeaGreen	LimeGreen	palegreen	lightgreen

3.3 添加字体背景色

使用span标签实现，使用方法：<span style=background-color:red>word</span>
用法示例：红色背景黑体5size字体

4. 表格

1. 基本表格

1.1	1.2	1.3
2.1	2.2	2.3
3.1	3.2	3.3

1. 表格合并列

1.1
2.1	2.2	2.3
3.1	3.2	3.3

1. 表格合并行

1.1	1.2	1.3
	2.2	2.3
	3.2	3.3

1. 复杂表格

1.1	1.2
2.1	2.2 3.2	2.3
3.1		3.3