声明:本文参考某大牛神作编写,更详细解释可以参考原作,本人编改水平有限,欢迎指正!
标题
标题有两种表示方法:
= 和 - 标记分别表示一级、二级标题,在文字下行追加符号会识别成标题。
一级标题
=================
二级标题
-----------------
# 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。# 号后面需跟空格。
# 一级标题
## 二级标题
### 三级标题
目录
用法:
[目录名](#标题链接)
规则:
标题链接格式为: 一个 # + 被链接标题
标题链接中不能出现大写字母,大写字母用小写字母代替
标题链接中不能出现空格 ,空格 用 - 代替。
标题链接中不能出现"-"以外的字符 ,若原标题包含特殊字符,那么写标题链接时可以忽略该字符,例如:
# 18 Vue CLI $nextTick 过渡与动画
<!--标题链接要这样写>
[18 Vue CLI $nextTick 过渡与动画](#18-vue-cli-nexttick-过渡与动画)
note:
目录排布由 有序列表 或 无序列表 控制
跳转与 目录名 无关,标题 和 标题链接 符合规则即可
**目录**
* [跳到1. 这是一级标题](#1-这是一级标题)
* [跳到1.1. 这是二级标题 1-1](#11-这是二级标题-1-1)
* [跳到1.2. 这是大写字母标题 QWER](#12-这是大写字母标题-qwer)
* [跳到1.2.1. 这是 空格测试标题](#121-这是-空格测试标题)
**标题**
# 1. 这是一级标题
## 1.1. 这是二级标题 1-1
## 1.2. 这是大写字母标题 QWER
### 1.2.1. 这是 空格测试标题
换行
句末追加2个空格和回车
这是第一段
这是第二段
空出下一行表示重新开始一个段落
这是第一段
这是第二段
字体
*斜体*
_斜体_
**粗体**
__粗体__
***粗斜体***
___粗斜体___
分隔线
***
* * *
*****
- - -
----------
删除线
段落两端用~~标识可以识别出删除线
~~百度~~
下划线
下划线可以通过 HTML 的 <u></u> 标签来实现:
<u>下划线文本</u>
列表
Markdown 支持有序列表和无序列表。
无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记:
* 第一项
* 第二项
* 第三项
------------
+ 第一项
+ 第二项
+ 第三项
------------
- 第一项
- 第二项
- 第三项
有序列表使用数字并加上 . 号来表示,如:
1. 第一项
2. 第二项
3. 第三项
区别引用
Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:
> bilibili
> 风车动漫
> 黑马
代码
单行代码
如果是单行代码或段落上的一个函数或片段的代码可以用反引号把它包起来(`),例如:
`alert('hello')`
代码块(Tab)
全选代码块后按Tab键(会受前面内容的格式影响,代码块要相对于上个标识符缩进一个Tab,没有效果一直按Tab,直到出来效果就是了):
function(data){
return data;
}
代码块(``` ```)
除了使用Tab形成代码块,也可以使用(``` ```),不受上面内容标识符影响(不用缩进Tab),加上语言类型表示(如Java)会有高亮显示,不加则不显示高亮。
```java
public static void main(String agrs[]){
...........
}
```
链接
网址链接
[链接名称](https://www.baidu.com)
或者
<https://www.baidu.com>
图片链接
![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")
![alt 属性文本](./kobe.jpeg)
![alt 属性文本](https://t7.baidu.com/it/u=3635362084,1992212334&fm=193&f=GIF "可选标题")
高级链接
链接(图片链接也适用 )也可以用变量来代替,文档末尾附带变量地址:
这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值(网址)
[1]: http://www.google.com/
[runoob]: http://www.runoob.com/
表格
Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
除此之外还可以设置对齐方式,如下:
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
高级技巧
支持的 HTML 元素
不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有: 等 ,如:
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
转义
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:
**文本加粗**
\*\* 正常显示星号 \*\*
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号
公式
当你需要在编辑器中插入数学公式时,可以使用两个美元符$$包裹TeX或LaTeX格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如果是在博客园用公式,需要到自己的博客园:管理》选项,勾选“启用数学公式支持”;如果是在typora软件:文件》偏好设置》markdown》扩展语法,勾选“内联公式”;其他的md编辑器应该也是差不多需要去设置渲染公式,不然显示不出来。
公式的用法太多了,需要的可以自行去研究,这个挺全的https://www.zybuluo.com/codeep/note/163962#mjx-eqn-eqsample,下面列举一个比较简单的:
$$ J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha} \text {,独立公式示例} $$
文字颜色、大小、字体
颜色
<font color="Tomato">文字颜色预览</font>
<font color="#FF6347">文字颜色预览</font>
<font color="rgb(255,99,71)">文字颜色预览</font>
字体大小
size为1:<font size="1">size为1</font>
size为2:<font size="2">size为2</font>
size为3:<font size="3">size为3</font>
size为4:<font size="4">size为4</font>
size为6:<font size="6">size为6</font>
字体
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="楷体">我是楷体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>
背景色
<table><tr><td bgcolor=#F4A460>背景色的设置是按照十六进制颜色值:#F4A460</td></tr></table>
<table><tr><td bgcolor=#FF6347>背景色的设置是按照十六进制颜色值:#FF6347</td></tr></table>
<table><tr><td bgcolor=#D8BFD8>背景色的设置是按照十六进制颜色值:#D8BFD8</td></tr></table>
<table><tr><td bgcolor=#008080>背景色的设置是按照十六进制颜色值:#008080</td></tr></table>
<table><tr><td bgcolor=#FFD700>背景色的设置是按照十六进制颜色值:#FFD700</td></tr></table>