README_NOTE.md · hweiyu/java-ease-menu

[TOC]

# 样式转换工具
```
https://md.openwrite.cn/
```

# 1.标题
```
注：# 后面保持空格
# topic h1
## topic h2
### topic h3
#### topic h4
##### topic h5
###### topic h6
```
* 演示

# topic h1
## topic h2
### topic h3
#### topic h4
##### topic h5
###### topic h6

# 2.分级标题
```
注：= - 最少可以只写一个，兼容性一般
一级标题
======================
一级标题
----------------------
```
* 演示

一级标题
======================
二级标题
----------------------

# 3.TOC
```
注：根据标题生成目录，兼容性一般
[TOC]
```

# 4.引用
```
注：单行
> hello world!

注：多行(每行尾加两空格，才能换行)
> hello world!  
> hello world!  
> hello world!
或
> hello world!  
hello world!  
hello world!

注：多层嵌套
> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc
```
* 演示

> hello world!

> hello world!  
> hello world!  
> hello world!

> hello world!  
hello world!  
hello world!

> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc

# 5.行内标记
```
注：用 ` 标记代码块将变成一行
标记之外`hello world`标记之外

标记之外 ` 
<div>   
    <div></div>
    <div></div>
    <div></div>
</div>
`标记之外
```
* 演示

标记之外`hello world`标记之外

标记之外 ` 
<div>   
    <div></div>
    <div></div>
    <div></div>
</div>
`标记之外

# 6.代码块
* 注：与上行距离一空行
* 6.1 注：用```生成块
```
内容1
    内容2
        内容3
```

* 6.2 注：根据不同的语言配置不同的代码着色
* 演示
```javascript
var num = 0;
for (var i = 0; i < 5; i++) {
    num+=i;
}
console.log(num);
```
```html
<!DOCTYPE html>
<html>
    <body>
        <div>内容1</div>
        <div>内容2</div>
        <div>内容3</div>
    </body>
</html>
```

# 7.插入链接
```
[百度一下](http://www.baidu.com/)
[百度一下-带标题](http://www.baidu.com/ "百度一下-带标题")
百度一下-直接链接：http://www.baidu.com/
```
* 演示

[百度一下](http://www.baidu.com/)  <br/>
[百度一下-带标题](http://www.baidu.com/ "百度一下-带标题") <br/>
百度一下-直接链接：http://www.baidu.com/

# 8.图片加链接
```
[![](http://hweiyu.gitee.io/java-ease-menu/image/home.png)]
[![](http://hweiyu.gitee.io/java-ease-menu/image/home.png)](http://www.baidu.com/ "百度一下")
```
* 演示

[![](http://hweiyu.gitee.io/java-ease-menu/image/home.png)]
[![](http://hweiyu.gitee.io/java-ease-menu/image/home.png)](http://www.baidu.com/ "百度一下")

# 9.序表
```
有序，注：序列.后 保持空格
1. one
2. two
3. three

无序
* one
* two
* three

序表嵌套
1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2
    
序表嵌套代码块，注：换行+两个Tab
* one
    var a = 10;     // 与上行保持空行并 递进缩进
```
* 演示

1. one
2. two
3. three

* one
* two
* three

1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2

* one   
    var a = 10;
* two   
    var b = 11;
    
# 10.任务列表
```
注：兼容性一般 要隔开一行
- [x] 选项一
- [ ] 选项二  
- [ ] 选项三
```
* 演示

- [x] 选项一
- [ ] 选项二  
- [ ] 选项三

# 11.表格
```
注： : 代表对齐方式 ,** : 与 | 之间不要有空格**，否则对齐会有些不兼容

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|=========|===============|============|

简约写法

a  | b | c  
:-:|:- |-:
    居中    |     左对齐      |   右对齐    
============|=================|=============
```
* 演示

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|=========|===============|============|

a  | b | c  
:-:|:- |-:
    居中    |     左对齐      |   右对齐    
============|=================|=============

# 12.支持内嵌CSS样式
```
<p style="color: #AD5D0F;font-size: 30px; font-family: '宋体';">内联样式</p>
```
* 演示

# 13.语义标记

描述 | 效果 | 代码
:-:|:-:|:-:
斜体 | *斜体* | `*斜体*`
斜体 | _斜体_ | `_斜体_`
加粗 | **加粗** | `**加粗**`
加粗+斜体 | ***加粗+斜体*** | `***加粗+斜体***`
加粗+斜体 | **_加粗+斜体_** | `**_加粗+斜体_**`
删除线 | ~~删除线~~ | `~~删除线~~`
下划线 | ++下划线++ | `++下划线++`

# 14.语义标签

# 15.分隔符
```
注：最少三个 --- 或 ***或 * * *

代码

***
---
* * *
```
* 演示

***
---
* * *

# 16.脚注
```
Markdown[^1]
[^1]: Markdown是一种纯文本标记语言  //在文章最后面显示脚注
```
* 演示

Markdown[^1]
[^1]: Markdown是一种纯文本标记语言，文章末显示

# 17.定义型列表
```
注：解释型定义

Markdown 
:   轻量级文本标记语言，可以转换成html，pdf等格式  //  开头一个`:` + `Tab` 或 四个空格

代码块定义
:   代码块定义……

var a = 10;         // 保持空一行与 递进缩进
```行内标记
* 演示

Markdown 
:   轻量级文本标记语言，可以转换成html，pdf等格式

代码块定义
:   代码块定义……

var a = 10;
        
# 18.自动邮箱链接
```
<hwy_dod@163.com>
```
* 演示

<hwy_dod@163.com>

hweiyu/java-ease-menu

简介

发行版

贡献者

近期动态

hweiyu/java-ease-menu .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

hweiyu/java-ease-menu