文章目录
markdown的使用说明
一、标题
语法:# (一级标题)、 ## (二级标题)、### (三级标题)…
代码:
# 这是一级标题
## 这是二级标题
效果:
这是二级标题
快捷键:
- Ctrl+数字1-6可以快速将选中的文本调成对应级别的标题。
- Ctrl+0可以快速将选中的文本调成普通文本。
- Ctrl+加号/减号对标题的级别进行加减。
二、段落
1、换行
代码:
使用回车换行
这是一个段落
这是一个段落
效果:
这是一个段落
这是一个段落
使用shift+回车键换行
效果2:
这是一个段落
这是一个段落
2、分割线
语法:—+回车或者***+回车
代码:
---或者***
效果:
三、文字显示
1、字体
语法:
- 粗体:用一对双星号包裹。
删除线:用一对上飘号包裹。- 下划线:用一对u标签包裹。
- 斜体:用一对单星号包裹。
- 高亮:用一对上等号包裹。
也可以在格式中查看快捷键。
代码:
**这是粗体**
~~这是删除线~~
<u>这是下划线</u>
*这是斜体*
==这是高亮==
效果:
这是粗体
这是删除线
这是下划线
这是斜体
这是高亮
扩展:
1*2*3*…*99,如何解决*不显示问题?
使用转义字符*,解决*消失的问题。
代码:
1\*2\*3\*...\*99
效果:
1*2*3*…*99
2、上下标
代码:
x^2^
H~2~O
效果:
x2
H2O
习题
试着打出x12,所以这种方式有下划线。
四、列表
1、无序列表
代码:
*/-/+/ + 空格
回车后会另起一个列表继续编写,连续按两次回车可以退出无序列表编写状态
效果:
1.只有同一级别
- 苹果
- 香蕉
- 橘子
2.子集类
代码
先使用一级分类,回车之后使用tab键可以将分类级数增加,在二级分类下回车,会继续创建二级分类的级别。
如果当前处于三级分类,此时想创建二级分类或一级分类,可以使用ctr+[ 升级,可以使用ctrl+]降级。
退出编辑状态:快捷键:ctrl+shift+]、或者连续按回车键。
一级分类1
- 二级分类1
- 二级分类2
- 三级分类
- 二级分类3
- 三级分类
- 一级分类2
2、有序列表
代码:
数字+.+空格
效果:
- 第一个标题
- 第二个标题
- 第三个标题
练习:
-
aaaaaa
-
bbbbbb
-
内容:
一个图片
-
内容2
-
-
cccccc
- dddddd
- eeeeee
3、任务列表
代码:
- [ ] 看视频
- [x] 敲代码
效果:
-
看视频
-
敲代码
-
学习
-
吃饭
五、区块显示
代码:
>+回车
这是外层区域块
这是内层区域块
最内层区域块
我们处在一个区块中
aaa
bbb
ccc
ddd
eee
六、代码显示
1、行内代码
`const a = 0;` (说明:` 符号位于ESC下面,应处于英文编辑状态下)
快捷键: Ctrl+shift+`
效果:
const a = 0;
const b = 1;
2、代码块
代码:
```js回车
const getName = () => {
return '张三';
}
效果:
const getName = () => {
return '张三';
}
七、链接
代码:
www.baidu.com
当输入的是一个链接的时候typora自动识别这是一个链接,按住ctrl点击即可跳转
www.baidu.com
[百度一下](https://www.baidu.com)
[百度一下](https://www.baidu.com "https://www.baidu.com")
hover的时候会显示""中的内容
效果:
跳转当前文档的指定位置:
复制对应位置的markdown代码,其中##后面不能有空格,按住ctrl点击即可跳转
八、脚注
说明:对文本进行解释说明
代码:
[^文本]
[^文本]:解释说明,内容较多时回车换行后,换行之后的内容会不在标注的解释说明中,可以使用<br>标签后再换行,可以在偏好设置中取消显示<br>。
下面的例子中的文本是1,注释和解释文本需要一致。
效果:
vue1
九、图片插入
代码:
![不显示的文字](图片路径 "图片标题")
效果:
十、表格
插入表格推荐使用快捷键 Ctrl+t。
光标focus时可以在表格上方显示功能选项,ctrl+回车可以新增一行,ctrl+shift+退格键可以删除一行。
如果有两个表格相邻,想在两个表格的中间插入内容怎么办?
点击左下角的</>符号,启用源代码模式,在源代码模式下,在两个表格的中间连续按两次回车键,退出源代码模式,就OK了。
效果:
序号 | 姓名 | 年龄 |
---|---|---|
1 ctrl + shift + enter 另起一行。 第三行 | 1 | 1 |
1 第二行 | 1 | 1 |
在相邻的两个表格之间插入内容。
十一、表情符号
代码:
:happy: :cry: :man:
快捷键: window + 。
效果:
:happy:、😢、👨
vue是一个渐进式的JavaScript框架。
易学易用,性能出色,适用场景丰富的 Web 前端框架。 ↩︎