主题预览

标题测试-h1

这里是h2

这里是h3

这里是h4

这里是h5

这里是h6

# 标题测试-h1

## 这里是h2

### 这里是h3

#### 这里是h4

##### 这里是h5

###### 这里是h6

引用

这里是引用

> 这里是引用

常见字体样式

斜体

粗体

*斜体*

_斜体_

**粗体**

__粗体__

列表

查找章节标题。
上下翻页。
记得行号，精确跳转（请收下我的膝盖）。
…

查找章节标题。
上下翻页。
记得行号，精确跳转（请收下我的膝盖）。
…

项目1

项目里面的内容
- 项目里面的项目
  
  项目里面的项目的内容

+ 查找章节标题。
+ 上下翻页。
+ 记得行号，精确跳转（请收下我的膝盖）。
+ ...

1. 查找章节标题。
2. 上下翻页。
3. 记得行号，精确跳转（请收下我的膝盖）。
4. ...

+ 项目1
    
    项目里面的内容

    + 项目里面的项目

        项目里面的项目的内容

图片&链接测试

百度

百度

图片放在posts文件夹

图片测试

[百度](http://baudu.com)

* [百度](http://baudu.com)

![图片测试](001.png)

分割线测试

* * *

***

*****

- - -

---------------------------------------

代码测试

看这里function(){}

#mypost .postinfo{
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: bold;
}

#mypost .main{
	font-size: 13px;
}

#mypost .main p{
    margin: 13px 0;
}

#mypost .main img{
    width: 100%;
    height: auto;
}

#mypost .main a{
    color: #111;
    cursor: auto;
    text-decoration: underline;
}

#mypost .main blockquote{
    margin: 13px 0;
    border-left: 3px solid #000;
    /*text-indent: 20px;*/
    padding-left: 13px;
}

#mypost .postinfo{
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: bold;
}

#mypost .main{
	font-size: 13px;
}

#mypost .main p{
    margin: 13px 0;
}

#mypost .main img{
    width: 100%;
    height: auto;
}

#mypost .main a{
    color: #111;
    cursor: auto;
    text-decoration: underline;
}

#mypost .main blockquote{
    margin: 13px 0;
    border-left: 3px solid #000;
    /*text-indent: 20px;*/
    padding-left: 13px;
}

    `行内代码`
    ```
    代码块
    ```
    ```language
    高亮的代码块
    ```

表格测试

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

Html代码

直接插入，html代码不会被markdown转换

<style>
    #htmldemo{
        height: 30px;
        width: 30px;
        background-color: #00aa9a;
        animation-name: moveX;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    @keyframes moveX {
        0%{
            transform: translateX(0px);
        }
        100%{
            transform: translateX(100px);
        }
    }
</style>

<div id="htmldemo">

</div>

嵌入iframe

不支持！！！

</embed>