MarkDown使用姿势 01 Markdown语法案例详解

写在前面，大家好！我是【跨考菌】，一枚跨界的程序猿，专注于后台技术的输出，目标成为全栈攻城狮！这博客是对我跨界过程的总结和思考。如果你也对Java、后端技术感兴趣，抑或是正在纠结于跨界，都可以关注我的动态，让我们一起学习，一起进步~
我的博客地址为：【跨考菌】的博客

---

本文开始介绍IDEA如何创建JavaWeb应用。和【跨考菌】一起加油吧~

如果你有收获，记得帮博主一键三连哦😊

---

1 快捷键

功能	快捷键
加粗	Ctrl + B
斜体	Ctrl + I
引用	Ctrl + Q
插入链接	Ctrl + L
插入代码	Ctrl + K
插入图片	Ctrl + G
提升标题	Ctrl + H
有序列表	Ctrl + O
无序列表	Ctrl + U
横线	Ctrl + R
撤销	Ctrl + Z
重做	Ctrl + Y

2 标题

markdown中各类标题，只需要在标题名前加上’#'即可。

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

效果：

3 粗体|斜体|删除线

*这里是文字*     
_这里是文字_
**这里是文字**
***这里是文字***
~~这里是文字~~

效果图：

4 链接

4.1 插入链接

在 Markdown 中，插入图片不需要其他按钮，你只需要使用[显示文本](链接地址)这样的语法即可，例如：

[百度](http://www.baidu.com)

效果：
百度

4.2 插入图片

在 Markdown 中，插入图片不需要其他按钮，你只需要使用![图片描述](图片链接地址)这样的语法即可，例如：

![](http://upload-images.jianshu.io/upload_images/259-0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

效果：

注：插入图片的语法和链接的语法很像，只是前面多了一个 ！。

4.3 自动链接

如果想直接显示超链接，不显示备注名，可以直接用<>包裹链接即可。

<https://www.baidu.com>

效果图：
https://www.baidu.com

5 分割线

你可以在一行中用三个以上的星号(*)、减号(-)、底线(_)来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。

***
---
___

效果图：

---

---

---

6 代码块

写博客时，经常会遇到需要插入代码的场景，且代码可能是html、js、java、bash等各类语言。通常插入代码有2种方式：一种是利用缩进(tab), 另一种是利用英文“`”符号（一般在ESC键下方，和~同一个键）包裹代码。

1）代码块：1个tab或者4个空格。

2）单行引用
如果引用的语句只有一段，不分行，可以用 ` 将语句包起来。

`Connection con = null;//定义引用`

效果:
Connection con = null;//定义引用

3）多行引用
多行引用，可以用```包裹代码块，后面可以跟上对应的语言，用于高亮显示。

```java
public void fun3() throws Exception {
        Connection con = null;//定义引用
        Statement stmt = null;
        ResultSet rs = null;
        try {
            /*
             * 一、得到连接
             */
            String driverClassName = "com.mysql.jdbc.Driver";
            String url = "jdbc:mysql://localhost:3306/bookshop";
            String username = "root";
            String password = "huyang620711A";

            Class.forName(driverClassName);
            con = DriverManager.getConnection(url, username, password);//实例化

            /*
             * 二、创建Statement
             */
            stmt = con.createStatement();
            String sql = "select * from book";
            rs = stmt.executeQuery(sql);

            rs.last();//把光标移动到最后一行
            System.out.println("row: " + rs.getRow());
            rs.beforeFirst();
    }

效果：

public void fun3() throws Exception {
        Connection con = null;//定义引用
        Statement stmt = null;
        ResultSet rs = null;
        try {
            /*
             * 一、得到连接
             */
            String driverClassName = "com.mysql.jdbc.Driver";
            String url = "jdbc:mysql://localhost:3306/bookshop";
            String username = "root";
            String password = "huyang620711A";

            Class.forName(driverClassName);
            con = DriverManager.getConnection(url, username, password);//实例化

            /*
             * 二、创建Statement
             */
            stmt = con.createStatement();
            String sql = "select * from book";
            rs = stmt.executeQuery(sql);

            rs.last();//把光标移动到最后一行
            System.out.println("row: " + rs.getRow());
            rs.beforeFirst();
    }

7 引用

1）引用的基本用法

Markdown 中，你只需要在你希望引用的文字前面加上 > 就好了，例如：

> 这是为大家面试定制的《Mysql面试宝典》系列。涵盖了Mysql基础语法和innodb存储引擎详解两部分内容，结合展示的案例，覆盖了面试中绝大多数Mysql的内容。目标帮助大家彻底消灭Mysql的盲区，带你进大厂~

效果：

这是为大家面试定制的《Mysql面试宝典》系列。涵盖了Mysql基础语法和innodb存储引擎详解两部分内容，结合展示的案例，覆盖了面试中绝大多数Mysql的内容。目标帮助大家彻底消灭Mysql的盲区，带你进大厂~

2）引用的嵌套

>第一段
>>第二段
>>>第三段

效果：

第一段

第二段

第三段

8 列表

1）有序列表

在 Markdown 中，你只需要在文字前面加上*或者+或者- 就可以了，例如：

- 文本1
* 文本2
+ 文本3

效果图：

• 文本1

• 文本2

• 文本3

2）有序列表

也可以在文字前面加上 1. 2. 3. 就可以了，例如：

1. 文本1
2. 文本2
3. 文本3

效果图：

1. 文本1
2. 文本2
3. 文本3

注：-、1.和文本之间要保留一个字符的空格。

3）同时使用有序列表和无序列表

* 1.文本1
* 2.文本2

效果图：

• 1.文本1
• 2.文本2

9 表格

1）基本用法

| 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

2）表格对齐方式
我们可以指定表格单元格的对齐方式，冒号在左边表示左对齐，右边表示有对齐，两边都有表示居中。

| 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

10 特殊符号

11 字体颜色和背景色

1）字体颜色

CSDN-markdown支持内嵌HTML。下面给出案例：

<font face="黑体">我是黑体</font><br/>
<font faxe="微软雅黑">我是微软雅黑</font><br/>
<font face="STCATYUN">我是华文彩云</font><br/>
<font color=#0099ff size=12 face="黑体">color=#0099ff size=12 face="黑体"</font><br/>
<font color=#00ffff size=12 face="黑体">color=#00ffff</font><br/>
<font color=gray size=12 face="黑体">color=gray</font>

看看效果：

我是黑体

我是微软雅黑

我是华文彩云

color=#0099ff size=12 face=“黑体”

color=#00ffff

color=gray

2）背景色

需要借助内嵌HTML的方式实现背景色

背景色是：pink

12 目录

在段落中填写 [TOC] 以显示全文内容的目录结构。

13 Todo 列表

- [ ] 已完成1
- [ ] 已完成2
- [x] 未完成1
- [x] 未完成2

效果：

• 已完成1
• 已完成2
• 未完成1
• 未完成2

如果对你有帮助，不要忘记帮博主一键三连😊哦

部分参考自：https://blog.csdn.net/u014061630/article/details/81359144