文章目录
- 一、基本配置
- 二、标题
- 这是一级标题
- 三 、段落
- 四、文字显示
- 五、列表
- 六、区块显示
- 七、代码显示
- 八、链接
- 九、脚注
- 十、图片插入
- 十一、表格
- 十二、流程图
- 十三、表情符号
- 十四、数学公式的输入
- 十五、支持的HTML元素
一、基本配置
打开:文件 —> 偏好设置
1)通用
打开自动保存、关闭自动检查更新、关闭发送匿名使用数据
2)外观
勾选上 侧边栏的大纲视图允许折叠和展开
3)编辑器
如果不想让单词经常出现爆红的情况,建议直接将拼写检查选择为 不使用拼写检查
4)图像
如果想要图片在插入时自动保存到指定文件夹,可以按照如图设置。如果想要结合PicGo,可以参考我的这篇博客:Typora结合PicGo + 使用Github搭建个人免费图床
5)Markdown
- 开启严格模式
- 勾选Markdown所有的扩展语法
- 勾选上
代码块显示行号
- 关闭
显示<br>
二、标题
语法:# (一级标题) ## (二级标题) ### (三级标题) …
代码:
# 这是一级标题
## 这是二级标题
效果:
这是一级标题
这是二级标题
快捷键:
- Ctrl+数字1~6可以快速将选中的文本调成对应级别的标题
- Ctrl+0可以快速将选中的文本调成普通文本
- Ctrl+加号/减号对标题级别进行加减
三 、段落
1)换行
代码:
这是一个段落
这是一个段落
效果:
这是一个段落
这是一个段落
2)分割线
语法: —或者***+回车
代码:
---或者***
效果:
四、文字显示
1)字体
语法:
- 粗体: 用一对双星号包裹
- 删除线: 用一对双飘号包裹
- 下划线: 用一对u标签包裹
- 斜体: 用一对单星号包裹
- 高亮: 用一对双等号包裹
代码:
**这是粗体**
~~这是删除线~~
<u>这是下划线</u>
*这是斜体*
==这是高亮==
效果:
这是粗体
这是删除线
这是下划线
这是斜体
这是高亮
快捷键:
- 加粗: Ctrl+B
- 删除线: Shift+Alt+5
- 下划线: Ctrl+U
- 斜体: Ctrl+I
2)上下标
代码:
x^2^
H~2~O
效果:
x2
H2O
五、列表
1)无序列表
代码:
*/-/+ +空格
效果:
1.只有同一级别:
- 苹果
- 香蕉
- 橘子
2.子集类:
- 一级分类
- 二级分类
- 三级分类
快捷键: Ctrl+Shift+]
2)有序列表
代码:
数字+.+空格
效果:
- 第一个标题
- 第二个标题
- 第三个标题
- 子内容1
- 子内容2
- 第四个标题
快捷键: Ctrl+Shift+[
3)任务列表
代码:
- [ ] 吃早餐
- [x] 背单词
效果:
- 吃早餐
- 背单词
六、区块显示
代码:
>+回车
效果:
这是最外层区块
这是内层区块
这是最内层区块
七、代码显示
1)行内代码
代码:
`int a=0;`(说明:`位于Esc下面)
效果:
int a=0;
快捷键: Ctrl+Shift+`
2)代码块
代码:
```js/java/c#/text
内容
效果:
快捷键: Ctrl+Shift+K
八、链接
代码:
第三种和第二种的区别在于,第三种鼠标放上面会出现引号内的文字
www.baidu.com
[百度一下](https://www.baidu.com)
[百度一下](https://www.baidu.com "https://www.baidu.com")
效果:
快捷键: Ctrl+K
九、脚注
说明: 对文本进行解释说明。
代码:
词语[^文本]
[^文本]:解释说明
效果:
这是一个技术1
十、图片插入
代码:
![不显示的文字](图片路径 "图片标题")
效果:
快捷键: Ctrl+Shift+I
十一、表格
代码:
| 1 | 2 | 3 |
| :--- | :--: | ---: |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
| 10 | 11 | 12 |
效果:
1 2 3 4 5 6 7 8 9 10 11 12
快捷键: Ctrl+T
十二、流程图
1)横向流程图
代码:
```mermaid
graph LR
A[方形]==>B(圆角)
B==>C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[横向流程图]
效果:
2)竖向流程图
代码:
```mermaid
graph TD
A[方形]==>B(圆角)
B==>C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[竖向流程图]
效果:
十三、表情符号
代码:
:happy:、:cry:、:man:
效果:
标签:总结,begin,markdown,end,color,dfrac,语法,quad,array From: https://blog.csdn.net/qq_39921135/article/details/137048469
:happy:、