块元素
标题使用
1 2 3 4 5 6
| # 标题1 ## 标题2 ### 标题3 #### 标题4 ##### 标题5 ###### 标题6
|
引用
这是一段引用
有序列表
1 2 3
| 1. 打开冰箱 2. 把大象塞进去 3. 观赏冰箱
|
- 打开冰箱
- 把大象塞进去
- 观赏冰箱
无需列表
使用 - 短横线或者*号
任务列表
使用- [ ] 和 - [x] (注意 [ ] 内和 - 后的空格)
1 2
| - [ ] Write something here - [x] 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 |
说明
- 由于使用Haroopad编辑器写东西再用Hexo发布到Github上,所以会有这种情况出现。如果是其他编辑器,比如简书,这个不会有,因为简书压根儿不支持
<table>
标签的表格,CSDN上是支持的,不会出现以上问题。
- 使用哪种方式创建表格根据自己的需要而定,Markdown语法简单,但是缺点是不支持列宽度定义,表格样式定义,单元格合并等。
<table>
标签相比较而言灵活很多。
- 很多时候直接写表格代码是很累的,比较好的方案是在Excel中编辑,再生成代码,网上搜索相应工具也有很多,比如Tables Generator。
- 笔者使用Excel自行写了个生成
<table>
代码的工具生成压缩的表格代码,在EXCEL中编辑好表格,生成的表格代码列宽会根据Excel中的表格列宽转成百分比,编辑后点击生成表格代码即在Excel文件的同一目录中出现Output.txt文件,将代码复制到Markdown中即可。
脚注
1 2 3
| 一键三连[^三连] //使用[^xxx] 来创建脚注
[^三连]:点赞、投币、收藏,加关注。 //脚注的详细描述
|
一键三连^三连
横线
行元素
链接使用
1 2 3
| [百度](baidu.com "搜索引擎") //[xxx](链接地址 名称) 名称参数 非必填 打开[demo](../demo/) //也可以打开同服务器资源 调整[表格](#表格) //可以当前界面定位标题
|
百度
打开demo
跳转到表格
引用链接
引用链接,适用于 一个链接出现多次,
1 2 3
| [知乎][id] //格式
[id]: zhihu.com "打开知乎"
|
知乎
链接
直接输入http协议,自动会是超链接
https://xxxx
图片
1
| ![图片名字](/images/banner/0.jpg "鼠标放上去提示文字") //提示文字非必填
|
斜体
我是斜体
加粗
我是加粗
行内代码
xxxx
下划线
我是下划线
下标 上标
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>
|
== 我是高亮文字 ==
字体颜色改为红色