块元素

标题使用

1
2
3
4
5
6
# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6

引用

1
> 这是一段引用

这是一段引用

有序列表

1
2
3
1. 打开冰箱
2. 把大象塞进去
3. 观赏冰箱
  1. 打开冰箱
  2. 把大象塞进去
  3. 观赏冰箱

无需列表

使用 - 短横线或者*号

1
2
- 阿斯蒂芬
* 寒风呼呼
  • 阿斯蒂芬
  • 寒风呼呼

任务列表

使用- [ ] 和 - [x] (注意 [ ] 内和 - 后的空格)

1
2
- [ ] Write something here
- [x] Write something here
  • Write something here
  • Write something here

代码块

而代码区块则使用两个“```”去定义

数学公式

用$$ 公式内容 $$

1
2
3
$$
\frac{\partial f}{\partial x} = 2\sqrt{a}x
$$

表格

表格分为三个部分 表头 对齐方式 表体

1
2
3
4
5
| Tables   |      Are      |  Cool | //表头
|:---------|:-------------:|------:| //两边冒号为居中;右边冒号为居右;左边冒号为居左 必须有一个-存在
| col 1 is | left-aligned | $1600 |//表体
| col 2 is | centered | $12 |
| col 3 is | right-aligned | $1 |

说明: 两边冒号为居中;右边冒号为居右;左边冒号为居左;注意要使用markdown的扩展模式。在markdownPad左下角选择。

Tables Are Cool
col 1 is left-aligned $1600
col 2 is centered $12
col 3 is right-aligned $1

同样的表格使用<table>标签创建:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<table>
<tr>
<th>Tables</th>
<th>Are</th>
<th>Cool</th>
</tr>
<tr>
<td>col 1 is</td>
<td>left-aligned</td>
<td>$1600</td>
</tr>
<tr>
<td>col 2 is</td>
<td>centered</td>
<td>$12</td>
</tr>
<tr>
<td>col 3 is</td>
<td>right-aligned</td>
<td>$1</td>
</tr>
</table>
Tables Are Cool
col 1 is left-aligned $1600
col 2 is centered $12
col 3 is right-aligned $1
说明
  1. 由于使用Haroopad编辑器写东西再用Hexo发布到Github上,所以会有这种情况出现。如果是其他编辑器,比如简书,这个不会有,因为简书压根儿不支持<table>标签的表格,CSDN上是支持的,不会出现以上问题。
  2. 使用哪种方式创建表格根据自己的需要而定,Markdown语法简单,但是缺点是不支持列宽度定义,表格样式定义,单元格合并等。<table>标签相比较而言灵活很多。
  3. 很多时候直接写表格代码是很累的,比较好的方案是在Excel中编辑,再生成代码,网上搜索相应工具也有很多,比如Tables Generator。
  4. 笔者使用Excel自行写了个生成<table>代码的工具生成压缩的表格代码,在EXCEL中编辑好表格,生成的表格代码列宽会根据Excel中的表格列宽转成百分比,编辑后点击生成表格代码即在Excel文件的同一目录中出现Output.txt文件,将代码复制到Markdown中即可。

脚注

1
2
3
一键三连[^三连] //使用[^xxx] 来创建脚注

[^三连]:点赞、投币、收藏,加关注。 //脚注的详细描述

一键三连^三连

横线

1
--- //自动会生成一个横线

行元素

链接使用

1
2
3
[百度](baidu.com "搜索引擎")  //[xxx](链接地址 名称) 名称参数 非必填
打开[demo](../demo/) //也可以打开同服务器资源
调整[表格](#表格) //可以当前界面定位标题

百度
打开demo
跳转到表格

引用链接

引用链接,适用于 一个链接出现多次,

1
2
3
[知乎][id] //格式

[id]: zhihu.com "打开知乎"

知乎

链接

直接输入http协议,自动会是超链接

1
https://xxxx

https://xxxx

图片

1
![图片名字](/images/banner/0.jpg "鼠标放上去提示文字") //提示文字非必填

图片名字

创建空间-1

斜体

1
*我是斜体*

我是斜体

加粗

1
**我是加粗**

我是加粗

行内代码

1
`xxxx`

xxxx

下划线

1
<u>我是下划线</u>

我是下划线

下标 上标

1
2
我是水H~2~O  或者 H<sub>2</sub>O  //使用html中的<sub>标签
我是X^2^ 或者 我是X<sup>2</sup>

我是水H2O
我是X2

高亮 字体加颜色

1
2
== 我是高亮文字 ==
<font color = red>字体颜色改为红色</font>

== 我是高亮文字 ==
字体颜色改为红色