# 一级标题(h1~h6 #号后面有空格) #(闭合标签可省略) [←](index.md)
## 二级标题 ##
####### 七级标题 #######

另一种h1
===================

另一种h2
-------------------

列表
  无序列表
 * 1
 * 2
 * 3
 
 + 1
 + 2
 + 3
 
 - 1
 - 2
 - 3
 
  有序列表
 1. 列表1
 2. 列表2
 3. 列表3
 
 	- 项目
	  * 项目
	    + 项目
	
	1. 项目1
	2. 项目2
	3. 项目3
 
 	- [ ] 计划任务
	- [x] 完成任务
 
 区块引用
   列:
 * 测试标题
   > 测试内容测试内容
   测试内容测试内容
   
 嵌套引用
   列:

> 一级嵌套
>> 二级嵌套
>>> 三级嵌套
>>>> 四级嵌套
>>>>> 五级嵌套
>>>>>> 六级嵌套
 
 分割线(三个为一组，无需连续)
 
 ***
 
 ---
 
 _ _ _

锚点

<a href="#top">点击我链接到TOP</a>

<a name="top">这里是TOP部分</a>

链接

<http://example.com/>

<address@example.com>

<div>
  <li>111</li>
  <li><a href="https://files.catbox.moe/fma2pw.pdf" title="这里是显示的文字">这里是显示的文字</a></li>
</div>

  行内式
  
    [内容](https://www.baidu.com)
    
  参数式
  
    [name]: https://www.baidu.com/name "名称"
    
    [home]: https://www.baidu.com/home "首页"

图片

  背景图
  
<style type="text/css">
body {
    background: transparent url(https://cdn.jsdelivr.net/gh/AmbroseRen/Picture@master/img/ikurumi/girlTwo.jpg) center top fixed !important;
    background-size: cover !important
}
</style>    

  行内式
  
    ![我是图片](https://cdn.jsdelivr.net/gh/AmbroseRen/Picture/img/wallpaper/desktop/bing/lake.jpg)
    
  链接式
  
    [我是图片]: https://cdn.jsdelivr.net/gh/AmbroseRen/Picture/img/wallpaper/desktop/bing/lake.jpg

	链接: [link](https://mp.csdn.net).
	图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg)
	带尺寸的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg =30x30)
	<img src="http://pic11.photophoto.cn/20090626/0036036341009653_b.jpg" width="50%" height="50%">
	居中的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg#pic_center)
	居中并且带尺寸的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg#pic_center =30x30)

代码框
  单行
  
```
<p>单行</p>
```

  多行
```
    <p>单行1</p>
    <p>单行2</p>
    <p>单行3</p>
```

表格

| name | age | sex |
|:---:|:---:|:---:|
| toy | 26 | Y |
| lucy | 25 | X |

| _ | _ | _ | _ | _ |
|:---:|:---:|:---:|:---:|:---:|
| []() | []() | []() | []() | []() |
| []() | []() | []() | []() | []() |
| []() | []() | []() | []() | []() |
| lucy | 25 | X | X | X |

| [<font color="#ff0000">传送门</font>](../navigation.md) | 描述 | 摘本 | 摘录 | 摘引 |
|:---:|:---:|:---:|:---:|:---:|
| []() | O_O | Y | Y | Y |
| []() | O_O | Y | Y | Y |
| []() | O_O | Y | Y | Y |
| lucy | 25 | X | X | X |

---

  表头1 | 表头2
  ------|-----
  C1    | C2
  
---
  
  学号|姓名|分数
  -|-|-
  小明|Y|75
  
---

复选框

- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media

---
  
<table style="width:100%">
  <tr>
    <th>Categories</th>
    <th>Description</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

---

### 水平浮动排列

<div>

<div style="position：relative;float:left;width:33%;height:35px;">w2</div>

<div style="position：relative;float:left;width:33%;height:35px;">w3</div>

<div style="position：relative;float:left;width:33%;height:35px;">w4</div>

<div style="position：relative;float:left;width:33%;height:35px;">w5</div>

<div style="position：relative;float:left;width:33%;height:35px;">w6</div>

<div>w7</div>

</div>

- - -

<div>

<div style="position：relative;float:left;width:25%;height:35px;">w2</div>

<div style="position：relative;float:left;width:25%;height:35px;">w3</div>

<div style="position：relative;float:left;width:25%;height:35px;">w4</div>

<div style="position：relative;float:left;width:25%;height:35px;">w5</div>

</div>

### tree-树目录

<div id="html1">
  <ul>
    <li>Root node 1
      <ul>
        <li>Child node 1</li>
        <li><a href="#">Child node 2</a></li>
      </ul>
    </li>
  </ul>
</div>
----------------------------------
<li class="jstree-open" id="node_1">Root</li>
  <ul>
    <li>
      <a href="#" class="jstree-clicked">Child</a>
    </li>
  </ul>
</li>
--------------------------------------------
<ul class="tree">
    <li>研发中心
        <ul>
            <li>北京研发部</li>
            <li>深圳研发部
                <ul>
                    <li>产品1组</li>
                    <li>产品2组</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>销售部
        <ul>
            <li>售前</li>
            <li>售后</li>
            <li>代理分区
                <ul>
                    <li>东北区</li>
                    <li>华北区</li>
                    <li>华南区</li>
                    <li>华中区</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>财务部</li>
    <li>人事部</li>
</ul>

### UML图表(js快速绘图和直链使用)
[在线演示和编辑](https://mermaid-js.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVERcblx0QVtDaHJpc3RtYXNdIC0tPnxHZXQgbW9uZXl8IEIoR28gc2hvcHBpbmcpXG5cdEIgLS0-IEN7TGV0IG1lIHRoaW5rfVxuXHRDIC0tPnxPbmV8IERbTGFwdG9wXVxuXHRDIC0tPnxUd298IEVbaVBob25lXVxuXHRDIC0tPnxUaHJlZXwgRltmYTpmYS1jYXIgQ2FyXVxuXHRcdFx0XHRcdCIsIm1lcm1haWQiOnsidGhlbWUiOiJkZWZhdWx0IiwidGhlbWVWYXJpYWJsZXMiOnsiYmFja2dyb3VuZCI6IndoaXRlIiwicHJpbWFyeUNvbG9yIjoiI0VDRUNGRiIsInNlY29uZGFyeUNvbG9yIjoiI2ZmZmZkZSIsInRlcnRpYXJ5Q29sb3IiOiJoc2woODAsIDEwMCUsIDk2LjI3NDUwOTgwMzklKSIsInByaW1hcnlCb3JkZXJDb2xvciI6ImhzbCgyNDAsIDYwJSwgODYuMjc0NTA5ODAzOSUpIiwic2Vjb25kYXJ5Qm9yZGVyQ29sb3IiOiJoc2woNjAsIDYwJSwgODMuNTI5NDExNzY0NyUpIiwidGVydGlhcnlCb3JkZXJDb2xvciI6ImhzbCg4MCwgNjAlLCA4Ni4yNzQ1MDk4MDM5JSkiLCJwcmltYXJ5VGV4dENvbG9yIjoiIzEzMTMwMCIsInNlY29uZGFyeVRleHRDb2xvciI6IiMwMDAwMjEiLCJ0ZXJ0aWFyeVRleHRDb2xvciI6InJnYig5LjUwMDAwMDAwMDEsIDkuNTAwMDAwMDAwMSwgOS41MDAwMDAwMDAxKSIsImxpbmVDb2xvciI6IiMzMzMzMzMiLCJ0ZXh0Q29sb3IiOiIjMzMzIiwibWFpbkJrZyI6IiNFQ0VDRkYiLCJzZWNvbmRCa2ciOiIjZmZmZmRlIiwiYm9yZGVyMSI6IiM5MzcwREIiLCJib3JkZXIyIjoiI2FhYWEzMyIsImFycm93aGVhZENvbG9yIjoiIzMzMzMzMyIsImZvbnRGYW1pbHkiOiJcInRyZWJ1Y2hldCBtc1wiLCB2ZXJkYW5hLCBhcmlhbCIsImZvbnRTaXplIjoiMTZweCIsImxhYmVsQmFja2dyb3VuZCI6IiNlOGU4ZTgiLCJub2RlQmtnIjoiI0VDRUNGRiIsIm5vZGVCb3JkZXIiOiIjOTM3MERCIiwiY2x1c3RlckJrZyI6IiNmZmZmZGUiLCJjbHVzdGVyQm9yZGVyIjoiI2FhYWEzMyIsImRlZmF1bHRMaW5rQ29sb3IiOiIjMzMzMzMzIiwidGl0bGVDb2xvciI6IiMzMzMiLCJlZGdlTGFiZWxCYWNrZ3JvdW5kIjoiI2U4ZThlOCIsImFjdG9yQm9yZGVyIjoiaHNsKDI1OS42MjYxNjgyMjQzLCA1OS43NzY1MzYzMTI4JSwgODcuOTAxOTYwNzg0MyUpIiwiYWN0b3JCa2ciOiIjRUNFQ0ZGIiwiYWN0b3JUZXh0Q29sb3IiOiJibGFjayIsImFjdG9yTGluZUNvbG9yIjoiZ3JleSIsInNpZ25hbENvbG9yIjoiIzMzMyIsInNpZ25hbFRleHRDb2xvciI6IiMzMzMiLCJsYWJlbEJveEJrZ0NvbG9yIjoiI0VDRUNGRiIsImxhYmVsQm94Qm9yZGVyQ29sb3IiOiJoc2woMjU5LjYyNjE2ODIyNDMsIDU5Ljc3NjUzNjMxMjglLCA4Ny45MDE5NjA3ODQzJSkiLCJsYWJlbFRleHRDb2xvciI6ImJsYWNrIiwibG9vcFRleHRDb2xvciI6ImJsYWNrIiwibm90ZUJvcmRlckNvbG9yIjoiI2FhYWEzMyIsIm5vdGVCa2dDb2xvciI6IiNmZmY1YWQiLCJub3RlVGV4dENvbG9yIjoiYmxhY2siLCJhY3RpdmF0aW9uQm9yZGVyQ29sb3IiOiIjNjY2IiwiYWN0aXZhdGlvbkJrZ0NvbG9yIjoiI2Y0ZjRmNCIsInNlcXVlbmNlTnVtYmVyQ29sb3IiOiJ3aGl0ZSIsInNlY3Rpb25Ca2dDb2xvciI6InJnYmEoMTAyLCAxMDIsIDI1NSwgMC40OSkiLCJhbHRTZWN0aW9uQmtnQ29sb3IiOiJ3aGl0ZSIsInNlY3Rpb25Ca2dDb2xvcjIiOiIjZmZmNDAwIiwidGFza0JvcmRlckNvbG9yIjoiIzUzNGZiYyIsInRhc2tCa2dDb2xvciI6IiM4YTkwZGQiLCJ0YXNrVGV4dExpZ2h0Q29sb3IiOiJ3aGl0ZSIsInRhc2tUZXh0Q29sb3IiOiJ3aGl0ZSIsInRhc2tUZXh0RGFya0NvbG9yIjoiYmxhY2siLCJ0YXNrVGV4dE91dHNpZGVDb2xvciI6ImJsYWNrIiwidGFza1RleHRDbGlja2FibGVDb2xvciI6IiMwMDMxNjMiLCJhY3RpdmVUYXNrQm9yZGVyQ29sb3IiOiIjNTM0ZmJjIiwiYWN0aXZlVGFza0JrZ0NvbG9yIjoiI2JmYzdmZiIsImdyaWRDb2xvciI6ImxpZ2h0Z3JleSIsImRvbmVUYXNrQmtnQ29sb3IiOiJsaWdodGdyZXkiLCJkb25lVGFza0JvcmRlckNvbG9yIjoiZ3JleSIsImNyaXRCb3JkZXJDb2xvciI6IiNmZjg4ODgiLCJjcml0QmtnQ29sb3IiOiJyZWQiLCJ0b2RheUxpbmVDb2xvciI6InJlZCIsImxhYmVsQ29sb3IiOiJibGFjayIsImVycm9yQmtnQ29sb3IiOiIjNTUyMjIyIiwiZXJyb3JUZXh0Q29sb3IiOiIjNTUyMjIyIiwiY2xhc3NUZXh0IjoiIzEzMTMwMCIsImZpbGxUeXBlMCI6IiNFQ0VDRkYiLCJmaWxsVHlwZTEiOiIjZmZmZmRlIiwiZmlsbFR5cGUyIjoiaHNsKDMwNCwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGUzIjoiaHNsKDEyNCwgMTAwJSwgOTMuNTI5NDExNzY0NyUpIiwiZmlsbFR5cGU0IjoiaHNsKDE3NiwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGU1IjoiaHNsKC00LCAxMDAlLCA5My41Mjk0MTE3NjQ3JSkiLCJmaWxsVHlwZTYiOiJoc2woOCwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGU3IjoiaHNsKDE4OCwgMTAwJSwgOTMuNTI5NDExNzY0NyUpIn19LCJ1cGRhdGVFZGl0b3IiOnRydWV9)

[github项目地址](https://github.com/mermaid-js/mermaid)

[![](https://mermaid.ink/img/eyJjb2RlIjoiZ3JhcGggVERcblx0QVtDaHJpc3RtYXNdIC0tPnxHZXQgbW9uZXl8IEIoR28gc2hvcHBpbmcpXG5cdEIgLS0-IEN7TGV0IG1lIHRoaW5rfVxuXHRDIC0tPnxPbmV8IERbTGFwdG9wXVxuXHRDIC0tPnxUd298IEVbaVBob25lXVxuXHRDIC0tPnxUaHJlZXwgRltmYTpmYS1jYXIgQ2FyXVxuXHRcdFx0XHRcdCIsIm1lcm1haWQiOnsidGhlbWUiOiJkZWZhdWx0IiwidGhlbWVWYXJpYWJsZXMiOnsiYmFja2dyb3VuZCI6IndoaXRlIiwicHJpbWFyeUNvbG9yIjoiI0VDRUNGRiIsInNlY29uZGFyeUNvbG9yIjoiI2ZmZmZkZSIsInRlcnRpYXJ5Q29sb3IiOiJoc2woODAsIDEwMCUsIDk2LjI3NDUwOTgwMzklKSIsInByaW1hcnlCb3JkZXJDb2xvciI6ImhzbCgyNDAsIDYwJSwgODYuMjc0NTA5ODAzOSUpIiwic2Vjb25kYXJ5Qm9yZGVyQ29sb3IiOiJoc2woNjAsIDYwJSwgODMuNTI5NDExNzY0NyUpIiwidGVydGlhcnlCb3JkZXJDb2xvciI6ImhzbCg4MCwgNjAlLCA4Ni4yNzQ1MDk4MDM5JSkiLCJwcmltYXJ5VGV4dENvbG9yIjoiIzEzMTMwMCIsInNlY29uZGFyeVRleHRDb2xvciI6IiMwMDAwMjEiLCJ0ZXJ0aWFyeVRleHRDb2xvciI6InJnYig5LjUwMDAwMDAwMDEsIDkuNTAwMDAwMDAwMSwgOS41MDAwMDAwMDAxKSIsImxpbmVDb2xvciI6IiMzMzMzMzMiLCJ0ZXh0Q29sb3IiOiIjMzMzIiwibWFpbkJrZyI6IiNFQ0VDRkYiLCJzZWNvbmRCa2ciOiIjZmZmZmRlIiwiYm9yZGVyMSI6IiM5MzcwREIiLCJib3JkZXIyIjoiI2FhYWEzMyIsImFycm93aGVhZENvbG9yIjoiIzMzMzMzMyIsImZvbnRGYW1pbHkiOiJcInRyZWJ1Y2hldCBtc1wiLCB2ZXJkYW5hLCBhcmlhbCIsImZvbnRTaXplIjoiMTZweCIsImxhYmVsQmFja2dyb3VuZCI6IiNlOGU4ZTgiLCJub2RlQmtnIjoiI0VDRUNGRiIsIm5vZGVCb3JkZXIiOiIjOTM3MERCIiwiY2x1c3RlckJrZyI6IiNmZmZmZGUiLCJjbHVzdGVyQm9yZGVyIjoiI2FhYWEzMyIsImRlZmF1bHRMaW5rQ29sb3IiOiIjMzMzMzMzIiwidGl0bGVDb2xvciI6IiMzMzMiLCJlZGdlTGFiZWxCYWNrZ3JvdW5kIjoiI2U4ZThlOCIsImFjdG9yQm9yZGVyIjoiaHNsKDI1OS42MjYxNjgyMjQzLCA1OS43NzY1MzYzMTI4JSwgODcuOTAxOTYwNzg0MyUpIiwiYWN0b3JCa2ciOiIjRUNFQ0ZGIiwiYWN0b3JUZXh0Q29sb3IiOiJibGFjayIsImFjdG9yTGluZUNvbG9yIjoiZ3JleSIsInNpZ25hbENvbG9yIjoiIzMzMyIsInNpZ25hbFRleHRDb2xvciI6IiMzMzMiLCJsYWJlbEJveEJrZ0NvbG9yIjoiI0VDRUNGRiIsImxhYmVsQm94Qm9yZGVyQ29sb3IiOiJoc2woMjU5LjYyNjE2ODIyNDMsIDU5Ljc3NjUzNjMxMjglLCA4Ny45MDE5NjA3ODQzJSkiLCJsYWJlbFRleHRDb2xvciI6ImJsYWNrIiwibG9vcFRleHRDb2xvciI6ImJsYWNrIiwibm90ZUJvcmRlckNvbG9yIjoiI2FhYWEzMyIsIm5vdGVCa2dDb2xvciI6IiNmZmY1YWQiLCJub3RlVGV4dENvbG9yIjoiYmxhY2siLCJhY3RpdmF0aW9uQm9yZGVyQ29sb3IiOiIjNjY2IiwiYWN0aXZhdGlvbkJrZ0NvbG9yIjoiI2Y0ZjRmNCIsInNlcXVlbmNlTnVtYmVyQ29sb3IiOiJ3aGl0ZSIsInNlY3Rpb25Ca2dDb2xvciI6InJnYmEoMTAyLCAxMDIsIDI1NSwgMC40OSkiLCJhbHRTZWN0aW9uQmtnQ29sb3IiOiJ3aGl0ZSIsInNlY3Rpb25Ca2dDb2xvcjIiOiIjZmZmNDAwIiwidGFza0JvcmRlckNvbG9yIjoiIzUzNGZiYyIsInRhc2tCa2dDb2xvciI6IiM4YTkwZGQiLCJ0YXNrVGV4dExpZ2h0Q29sb3IiOiJ3aGl0ZSIsInRhc2tUZXh0Q29sb3IiOiJ3aGl0ZSIsInRhc2tUZXh0RGFya0NvbG9yIjoiYmxhY2siLCJ0YXNrVGV4dE91dHNpZGVDb2xvciI6ImJsYWNrIiwidGFza1RleHRDbGlja2FibGVDb2xvciI6IiMwMDMxNjMiLCJhY3RpdmVUYXNrQm9yZGVyQ29sb3IiOiIjNTM0ZmJjIiwiYWN0aXZlVGFza0JrZ0NvbG9yIjoiI2JmYzdmZiIsImdyaWRDb2xvciI6ImxpZ2h0Z3JleSIsImRvbmVUYXNrQmtnQ29sb3IiOiJsaWdodGdyZXkiLCJkb25lVGFza0JvcmRlckNvbG9yIjoiZ3JleSIsImNyaXRCb3JkZXJDb2xvciI6IiNmZjg4ODgiLCJjcml0QmtnQ29sb3IiOiJyZWQiLCJ0b2RheUxpbmVDb2xvciI6InJlZCIsImxhYmVsQ29sb3IiOiJibGFjayIsImVycm9yQmtnQ29sb3IiOiIjNTUyMjIyIiwiZXJyb3JUZXh0Q29sb3IiOiIjNTUyMjIyIiwiY2xhc3NUZXh0IjoiIzEzMTMwMCIsImZpbGxUeXBlMCI6IiNFQ0VDRkYiLCJmaWxsVHlwZTEiOiIjZmZmZmRlIiwiZmlsbFR5cGUyIjoiaHNsKDMwNCwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGUzIjoiaHNsKDEyNCwgMTAwJSwgOTMuNTI5NDExNzY0NyUpIiwiZmlsbFR5cGU0IjoiaHNsKDE3NiwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGU1IjoiaHNsKC00LCAxMDAlLCA5My41Mjk0MTE3NjQ3JSkiLCJmaWxsVHlwZTYiOiJoc2woOCwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGU3IjoiaHNsKDE4OCwgMTAwJSwgOTMuNTI5NDExNzY0NyUpIn19LCJ1cGRhdGVFZGl0b3IiOmZhbHNlfQ)](https://mermaid-js.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVERcblx0QVtDaHJpc3RtYXNdIC0tPnxHZXQgbW9uZXl8IEIoR28gc2hvcHBpbmcpXG5cdEIgLS0-IEN7TGV0IG1lIHRoaW5rfVxuXHRDIC0tPnxPbmV8IERbTGFwdG9wXVxuXHRDIC0tPnxUd298IEVbaVBob25lXVxuXHRDIC0tPnxUaHJlZXwgRltmYTpmYS1jYXIgQ2FyXVxuXHRcdFx0XHRcdCIsIm1lcm1haWQiOnsidGhlbWUiOiJkZWZhdWx0IiwidGhlbWVWYXJpYWJsZXMiOnsiYmFja2dyb3VuZCI6IndoaXRlIiwicHJpbWFyeUNvbG9yIjoiI0VDRUNGRiIsInNlY29uZGFyeUNvbG9yIjoiI2ZmZmZkZSIsInRlcnRpYXJ5Q29sb3IiOiJoc2woODAsIDEwMCUsIDk2LjI3NDUwOTgwMzklKSIsInByaW1hcnlCb3JkZXJDb2xvciI6ImhzbCgyNDAsIDYwJSwgODYuMjc0NTA5ODAzOSUpIiwic2Vjb25kYXJ5Qm9yZGVyQ29sb3IiOiJoc2woNjAsIDYwJSwgODMuNTI5NDExNzY0NyUpIiwidGVydGlhcnlCb3JkZXJDb2xvciI6ImhzbCg4MCwgNjAlLCA4Ni4yNzQ1MDk4MDM5JSkiLCJwcmltYXJ5VGV4dENvbG9yIjoiIzEzMTMwMCIsInNlY29uZGFyeVRleHRDb2xvciI6IiMwMDAwMjEiLCJ0ZXJ0aWFyeVRleHRDb2xvciI6InJnYig5LjUwMDAwMDAwMDEsIDkuNTAwMDAwMDAwMSwgOS41MDAwMDAwMDAxKSIsImxpbmVDb2xvciI6IiMzMzMzMzMiLCJ0ZXh0Q29sb3IiOiIjMzMzIiwibWFpbkJrZyI6IiNFQ0VDRkYiLCJzZWNvbmRCa2ciOiIjZmZmZmRlIiwiYm9yZGVyMSI6IiM5MzcwREIiLCJib3JkZXIyIjoiI2FhYWEzMyIsImFycm93aGVhZENvbG9yIjoiIzMzMzMzMyIsImZvbnRGYW1pbHkiOiJcInRyZWJ1Y2hldCBtc1wiLCB2ZXJkYW5hLCBhcmlhbCIsImZvbnRTaXplIjoiMTZweCIsImxhYmVsQmFja2dyb3VuZCI6IiNlOGU4ZTgiLCJub2RlQmtnIjoiI0VDRUNGRiIsIm5vZGVCb3JkZXIiOiIjOTM3MERCIiwiY2x1c3RlckJrZyI6IiNmZmZmZGUiLCJjbHVzdGVyQm9yZGVyIjoiI2FhYWEzMyIsImRlZmF1bHRMaW5rQ29sb3IiOiIjMzMzMzMzIiwidGl0bGVDb2xvciI6IiMzMzMiLCJlZGdlTGFiZWxCYWNrZ3JvdW5kIjoiI2U4ZThlOCIsImFjdG9yQm9yZGVyIjoiaHNsKDI1OS42MjYxNjgyMjQzLCA1OS43NzY1MzYzMTI4JSwgODcuOTAxOTYwNzg0MyUpIiwiYWN0b3JCa2ciOiIjRUNFQ0ZGIiwiYWN0b3JUZXh0Q29sb3IiOiJibGFjayIsImFjdG9yTGluZUNvbG9yIjoiZ3JleSIsInNpZ25hbENvbG9yIjoiIzMzMyIsInNpZ25hbFRleHRDb2xvciI6IiMzMzMiLCJsYWJlbEJveEJrZ0NvbG9yIjoiI0VDRUNGRiIsImxhYmVsQm94Qm9yZGVyQ29sb3IiOiJoc2woMjU5LjYyNjE2ODIyNDMsIDU5Ljc3NjUzNjMxMjglLCA4Ny45MDE5NjA3ODQzJSkiLCJsYWJlbFRleHRDb2xvciI6ImJsYWNrIiwibG9vcFRleHRDb2xvciI6ImJsYWNrIiwibm90ZUJvcmRlckNvbG9yIjoiI2FhYWEzMyIsIm5vdGVCa2dDb2xvciI6IiNmZmY1YWQiLCJub3RlVGV4dENvbG9yIjoiYmxhY2siLCJhY3RpdmF0aW9uQm9yZGVyQ29sb3IiOiIjNjY2IiwiYWN0aXZhdGlvbkJrZ0NvbG9yIjoiI2Y0ZjRmNCIsInNlcXVlbmNlTnVtYmVyQ29sb3IiOiJ3aGl0ZSIsInNlY3Rpb25Ca2dDb2xvciI6InJnYmEoMTAyLCAxMDIsIDI1NSwgMC40OSkiLCJhbHRTZWN0aW9uQmtnQ29sb3IiOiJ3aGl0ZSIsInNlY3Rpb25Ca2dDb2xvcjIiOiIjZmZmNDAwIiwidGFza0JvcmRlckNvbG9yIjoiIzUzNGZiYyIsInRhc2tCa2dDb2xvciI6IiM4YTkwZGQiLCJ0YXNrVGV4dExpZ2h0Q29sb3IiOiJ3aGl0ZSIsInRhc2tUZXh0Q29sb3IiOiJ3aGl0ZSIsInRhc2tUZXh0RGFya0NvbG9yIjoiYmxhY2siLCJ0YXNrVGV4dE91dHNpZGVDb2xvciI6ImJsYWNrIiwidGFza1RleHRDbGlja2FibGVDb2xvciI6IiMwMDMxNjMiLCJhY3RpdmVUYXNrQm9yZGVyQ29sb3IiOiIjNTM0ZmJjIiwiYWN0aXZlVGFza0JrZ0NvbG9yIjoiI2JmYzdmZiIsImdyaWRDb2xvciI6ImxpZ2h0Z3JleSIsImRvbmVUYXNrQmtnQ29sb3IiOiJsaWdodGdyZXkiLCJkb25lVGFza0JvcmRlckNvbG9yIjoiZ3JleSIsImNyaXRCb3JkZXJDb2xvciI6IiNmZjg4ODgiLCJjcml0QmtnQ29sb3IiOiJyZWQiLCJ0b2RheUxpbmVDb2xvciI6InJlZCIsImxhYmVsQ29sb3IiOiJibGFjayIsImVycm9yQmtnQ29sb3IiOiIjNTUyMjIyIiwiZXJyb3JUZXh0Q29sb3IiOiIjNTUyMjIyIiwiY2xhc3NUZXh0IjoiIzEzMTMwMCIsImZpbGxUeXBlMCI6IiNFQ0VDRkYiLCJmaWxsVHlwZTEiOiIjZmZmZmRlIiwiZmlsbFR5cGUyIjoiaHNsKDMwNCwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGUzIjoiaHNsKDEyNCwgMTAwJSwgOTMuNTI5NDExNzY0NyUpIiwiZmlsbFR5cGU0IjoiaHNsKDE3NiwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGU1IjoiaHNsKC00LCAxMDAlLCA5My41Mjk0MTE3NjQ3JSkiLCJmaWxsVHlwZTYiOiJoc2woOCwgMTAwJSwgOTYuMjc0NTA5ODAzOSUpIiwiZmlsbFR5cGU3IjoiaHNsKDE4OCwgMTAwJSwgOTMuNTI5NDExNzY0NyUpIn19LCJ1cGRhdGVFZGl0b3IiOmZhbHNlfQ)

## 悬浮注释

Markdown将文本转换为 HTML。

*[HTML]:   超文本标记语言
  
### LaTeX 数学公式
公式参考：https://blog.csdn.net/Ambrose_Ren/article/details/110480040

	Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
	n\in\mathbb N$ 是通过 Euler integral
	
	$$
	\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
	$$

http://latex.codecogs.com/gif.latex?

<img src="http://latex.codecogs.com/gif.latex?\frac{\partial J}{\partial \theta_k^{(j)}}=\sum_{i:r(i,j)=1}{\big((\theta^{(j)})^Tx^{(i)}-y^{(i,j)}\big)x_k^{(i)}}+\lambda \theta_k^{(j)}" />

<img src="http://latex.codecogs.com/gif.latex?\frac{x}{2y} +\frac{x-y}{x+y}" />

http://latex.codecogs.com/svg.latex?

<img src="http://latex.codecogs.com/svg.latex?\frac{\partial J}{\partial \theta_k^{(j)}}=\sum_{i:r(i,j)=1}{\big((\theta^{(j)})^Tx^{(i)}-y^{(i,j)}\big)x_k^{(i)}}+\lambda \theta_k^{(j)}" />

<img src="http://latex.codecogs.com/svg.latex?\frac{x}{2y} +\frac{x-y}{x+y}" />

- - -MathJax配置脚本
<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  }
};
</script>
<script id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>

MathJax

[配置](http://docs.mathjax.org/en/latest/web/start.html) - [演示存储库](https://github.com/mathjax/MathJax-demos-web#samples-of-mathjax-v3) - [示例一](https://mathjax.github.io/MathJax-demos-web/tex-chtml.html)

<p>\[
\mathbf{V}_1 \times \mathbf{V}_2 =
\begin{vmatrix}
\mathbf{i} &amp; \mathbf{j} &amp; \mathbf{k} \\
\frac{\partial X}{\partial u} &amp; \frac{\partial Y}{\partial u} &amp; 0 \\
\frac{\partial X}{\partial v} &amp; \frac{\partial Y}{\partial v} &amp; 0 \\
\end{vmatrix}
\]</p>

- - -

### 甘特图

	```mermaid
	gantt
	        dateFormat  YYYY-MM-DD
	        title Adding GANTT diagram functionality to mermaid
	        section 现有任务
	        已完成               :done,    des1, 2014-01-06,2014-01-08
	        进行中               :active,  des2, 2014-01-09, 3d
	        计划中               :         des3, after des2, 5d
	```

### UML图

	```mermaid
	sequenceDiagram
	张三 ->> 李四: 你好！李四, 最近怎么样?
	李四-->>王五: 你最近怎么样，王五？
	李四--x 张三: 我很好，谢谢!
	李四-x 王五: 我很好，谢谢!
	Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
	
	李四-->>张三: 打量着王五...
	张三->>王五: 很好... 王五, 你怎么样?
	```

### 插入Mermaid流程图

	```mermaid
	graph LR
	A[长方形] -- 链接 --> B((圆))
	A --> C(圆角长方形)
	B --> D{菱形}
	C --> D
	```

### 插入Flowchart流程图

	```mermaid
	flowchat
	st=>start: 开始
	e=>end: 结束
	op=>operation: 我的操作
	cond=>condition: 确认？
	
	st->op->cond
	cond(yes)->e
	cond(no)->op
	```

### 注脚

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

### 强调

I strongly recommend against using any `<blink>` tags.

  字体倾斜
    _倾斜_
    *倾斜*
    
  字体加粗
    __加粗__
    **加粗**

```diff
- text in red
+ text in green
! text in orange
# text in gray
@@ text in purple (and bold)@@
```

- ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+) `#f03c15`
- ![#c5f015](https://via.placeholder.com/15/c5f015/000000?text=+) `#c5f015`
- ![#1589F0](https://via.placeholder.com/15/1589F0/000000?text=+) `#1589F0`

取色器
https://www.w3cschool.cn/tools/index?name=cpicker

<a href="https://placeholder.com"><img src="https://via.placeholder.com/468x60/c5f015/000000?text=Visit+Blogging.com+Now"></a>

深色
<kbd style="user-select: auto;">enter</kbd>  

浅色
<code style="user-select: auto;">epel-release</code>  

删除线

  ~~删除线~~

HTML兼容测试

<font size=8>我是放大字</font>

<font face="黑体">我是黑体字</font>

<font face="微软雅黑">我是微软雅黑</font>

<font face="STCAIYUN">我是华文彩云</font>

<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>

<font color=#00ffff size=72>color=#00ffff</font>

<font color=gray size=72>color=gray</font>

Size：规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3

<table><tr><td bgcolor=orange>背景色是：orange</td></tr></table>
  
<body>
	<P>这是分段</P>
	<b>这是粗体</b>
	<br/>
	<big>这是大号字</big>
	<br/>
	<em>这是着重字</em>
	<br/>
	<i>这是斜体字</i>
	<br/>
	<small>这是小号字</small>
	<br/>
	<strong>加重语气</strong>
	<br/>
	这是<sup>上标字</sup>
	<br/>
	这是<sub>下标字</sub>
	<br/>
	<ins>插入字</ins>
	<br/>
	<del>删除字</del>
	<br/>
</body>
  

视频引用

```
<video id="video" controls="" preload="none" poster="https://cdn.jsdelivr.net/gh/AmbroseRen/Picture/img/wallpaper/desktop/bing/lake.jpg" width="610px" height="350px">
    <source id="mp4" src="https://blinkfox.github.io/medias/videos/demo.mp4" type="video/mp4">
</video>
```

音频引用

```
<audio id="audio" controls="" preload="none">
    <source id="mp3" src="http://qiniu.cloud.fandong.me/Music_iP%E8%B5%B5%E9%9C%B2%20-%20%E7%A6%BB%E6%AD%8C%20%28Live%29.mp3">
</audio>
```

Star自己仓库
  参数:user:用户名;repo:仓库名称;type:star;count:数量.
  
```
<iframe
  style="margin-left: 2px; margin-bottom:-5px;"
  frameborder="0" scrolling="0" width="100px" height="20px"
  src="https://ghbtns.com/github-btn.html?user=AmbroseRen&repo=ambroseren.github.io&type=star&count=true" >
</iframe>
```

- - -

![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAQlBMVEVHcEwAAAAAAAA6lt0AAAAAAAAAAAAEDRIAAAAAAAAx0vf///8xyvEztOYRNkk4oOEwicEeV3oodKGm7Pxm3fjd+P4sOhOxAAAACnRSTlMAtf//1V039xqKJ2liIgAAAjNJREFUWMPtltuWgyAMRbWjoi0IWP3/X50BvCQQLmqfuiaPrvR07ZMToKr+6xtqeBRUm9fpSnQerM8KNUVCj+YjYKaGtE5rekaOa569D6Pp6lI6PTP8/Ilqfr1m/IWbtiZlU23+SgU6gZIyfXXGII1/81yM0OJ91MkMdM4gQidUGlMZsJMX+Afv11pv7JJIZMCCTREdX+k5RTPgJk8YvdUcwlEZoCaPdHylWAaIyXs6vhKdgZaY/OILLfkMUJMPdHwlTmSAmPz7RRQeXZgBYvKkjq8UZMA6rX9geQHfcVCTDsJk0RTsEbSQgD0qjHdnUwSbJC0kYQ8jFq4N4HiWjD4CrE1Tjg2SRbatNzYxlWEDZIpF9t9lMs0GyWwau/j5mGQTOYPg3qbYJJ58nbxDEmwcTz5+j3g2iThZ7mYbUAZklGzK3rXYJh4hy11rm01jhE2gyfcFl7+m2SScfFf0HJkoNl5s0HGiMIpNgMnXBU8/aJMkyMayB5tnEw/IdOETcrdJ+WzimPxQ+rA9bJI+GSt5P+KDV2M2voOVGQRsmhCb2Cffnnm119txKSGZPRSHc+//ZssAB2TjKYPAiaIPNrEZ1J0UcjapnU2uk2+r01WvGeAbWelqkPfTuLKJ1aD+gpCzaXJs0k2+qy7VuirckJ1bDcqm0bAJC1Zf1XEniv5jk2dXg7aJ8zsGHTYxIdgdg8Cq3DMI2HTTILAql1aDTNNQfaCa82dHzKb7Bq02tdV/fWf9ArGRPeLmUEfhAAAAAElFTkSuQmCC)

![](data:image/png;base64,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)

![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOVBMVEVHcEwAAAAAAAD/yD0AAAAAAAAAAAAAAAAAAAAAAADUjADxvTrJhAAuIASMZhQ+MA/cmxQgFgKxiyqgvJ/vAAAACnRSTlMAVP//9NUtC8SRUebGeAAAARxJREFUWMPtl8sOgyAQRX0hIkjF///YojGWWOHOVBYm5azUmBMYBrlWVaFQKFzSK9F1QvU3NVI1O0re8gzNwSDzePyYbnqcNca69aq/5ZnM6DHu9yGFnnG0/lpk8IzG33TyDN+zib7xDSZ5nm1q166a5dmKHaHmeKa4x5cu7XnpFqJtqlPpHk+iLVieVq9zy+CJi5ie2NRkLXjjORX7tJ4XnnnvA7D80JMUBQ0JPQdgi3weOzsniwI27fqMVt31zcQe/WtRuPzPED222PGvD1O0gGOSKtITOLhpIr1MKEog0Rx8QpJJgiFKxy3a1AgBkC4C0YMkQj1EFi2EqEURwR6iiQg9dHGuRYFplOjBkZ04Hpw9sSTDb02hUMjCG0edG3N5+TE6AAAAAElFTkSuQmCC)

- - -