-------

RUNOOB.COM

RUNOOB.COM

BAIDU.COM

~~BAIDU.COM~~

带下划线文本

<u>带下划线文本</u>  

[^要注明的文本]
创建脚注格式类似这样 ^[1]。 滚动到页面底端查看效果

[^要注明的文本]  
创建脚注格式类似这样 [^RUNOOB]。  滚动到页面底端查看效果
[^RUNOOB]: 菜鸟教程 -- 学的不仅是技术，更是梦想！！！  

• 第一项
• 第二项
• 第三项

* 第一项
* 第二项
* 第三项

• 第一项
• 第二项
• 第三项

+ 第一项
+ 第二项
+ 第三项

• 第一项
• 第二项
• 第三项

- 第一项
- 第二项
- 第三项

1. 第一项
2. 第二项
3. 第三项

1. 第一项
2. 第二项
3. 第三项

1. 第一项：
   • 第一项嵌套的第一个元素
   • 第一项嵌套的第二个元素
2. 第二项：
   • 第二项嵌套的第一个元素
   • 第二项嵌套的第二个元素

1. 第一项：
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项：
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

区块引用
菜鸟教程
学的不仅是技术更是梦想

> 区块引用  
> 菜鸟教程  
> 学的不仅是技术更是梦想  

最外层

第一层嵌套

第二层嵌套

> 最外层  
> > 第一层嵌套  
> > > 第二层嵌套  

区块中使用列表

1. 第一项
2. 第二项

• 第一项
• 第二项
• 第三项

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

• 第一项

  菜鸟教程
  学的不仅是技术更是梦想

• 第二项

* 第一项
    > 菜鸟教程  
    > 学的不仅是技术更是梦想  
* 第二项

printf() 函数

$(document).ready(function () {
    alert('RUNOOB');
});

`printf()` 函数
···javascript//注意把开头和结尾的三个中文的·换成英文的`
$(document).ready(function () {
    alert('RUNOOB');
});
···

这是一个链接 菜鸟教程

这是一个链接 [菜鸟教程](https://www.runoob.com)

这个链接用 1 作为网址变量 Google
这个链接用 runoob 作为网址变量 Runoob
然后在文档的结尾为变量赋值（网址）

这个链接用 1 作为网址变量 [Google][1]  
这个链接用 runoob 作为网址变量 [Runoob][runoob]  
然后在文档的结尾为变量赋值（网址）

  [1]: http://www.google.com/
  [runoob]: http://www.runoob.com/

![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)

这个链接用 1 作为网址变量 RUNOOB.
然后在文档的结尾为变量赋值（网址）

![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")

这个链接用 1 作为网址变量 [RUNOOB][1].
然后在文档的结尾为变量赋值（网址）

[1]: http://static.runoob.com/images/runoob-logo.png

|语言名|	关键字|
|  ----  | ----  |
|Bash	|bash|
|CoffeeScript	|coffeescript|
|C|++|	cpp

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

使用 Ctrl+Alt+Del 重启电脑

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

文本加粗

**文本加粗** 

** 正常显示星号 **

\*\* 正常显示星号 \*\*

以下转义字符均可使用反斜线转义
`   反引号  
*   星号  
_   下划线  
{}  花括号  
[]  方括号  
()  小括号  
#   井字号  
+   加号  
-   减号  
.   英文句点  
!   感叹号  

CSS代码高亮样式

span {
    color: #0e2231;
}

Java代码高亮样式

package cc.leeleo.mdblog.controller;

/**
 * md-blog
 * IndexController
 *
 * @author yiqing liao
 * @since 2020/9/11
 */
@RestController
public class IndexController {
    @Value("${md-dir}")
    private String mdDir;

    @GetMapping({"/","/index"})
    public ModelAndView index(String dirPath){
        ModelAndView modelAndView = new ModelAndView();
        return modelAndView;
    }
}

JS代码高亮样式

var theme = localStorage.getItem('theme');
if (theme != null) {
    $("#theme").attr("href", theme)
}
$("#toolbar-options a").off().on("click", function () {
    localStorage.setItem('theme', $(this).data("theme"));
    $("#theme").attr("href", $(this).data("theme"));
})
$("#themeBtn").toolbar({
    content: '#toolbar-options',
    position: 'top'
});

HTML代码高亮样式

<style>
    span {
        color: #0e2231;
    }
</style>
<div class="container-fluid" style="margin-bottom: 2em;">
    <script>
      var getSearch = function () {
        $("#clearBtn").off().on("click", function () {
        $("#searchText").val("");
        $(".searchGroup").html("");
      })
    </script>
</div>

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

# 一级标题
## 二级标题
### 三级标题
### 四级标题
### 五级标题
### 六级标题