Typora 使用文档/样式
Typora 使用文档/样式
本篇内容包括：Typora 使用时基础样式，文字字体/颜色/大小样式以及图片/图文并排的设置。 Ps: 部分内容不全，待补充 Ps: 本篇是以 Typora 举例，但 MarkDown 样式是通用。
1、基础样式
样式 | Mac快捷键 | Pc快捷键 | MarkDown | 说明 |
|---|---|---|---|---|
目录 | 【段落】-【内容目录】 | ~ | ~ | |
H1 一级标题 | Cmd + 1 | ~ | # + Space | |
H2 二级标题 | Cmd + 2 | ~ | ## + Space | |
H3 三级标题 | Cmd + 3 | ~ | ### + Space | |
H4 四级标题 | Cmd + 4 | ~ | #### + Space | |
H5 五级标题 | Cmd + 5 | ~ | ##### + Space | |
H6 六级标题 | Cmd + 6 | ~ | ###### + Space | |
正文 | Cmd + 0 | ~ | / | |
斜体 | Cmd + I | ~ | * + 文字 + * | |
粗体 | Cmd + B | ~ | ** + 文字 + ** | |
下划线 | Cmd + U | ~ | <u> + 文字 + </u> | |
代码 | ^ + ` | ~ | ` + 文字 + ` | |
引用 | Option + Cmd + Q | ~ | > + Space | |
有序列表 | Option + Cmd + U | ~ | - + Space | |
无需列表 | Option + Cmd + O | ~ | 1. + Space | |
任务列表 | Option + Cmd + X | ~ | - + Space + [X] + Space | 完成加X，代办加[空格] |
上脚标 | ~ | ~ | <sub>文字</sub> | |
下脚标 | ~ | ~ | <sup>文字</sup> | |
分割线 | --- + Enter | --- + Enter | --- + Enter | |
超链接 | Cmd + K | ~ | [网址名字] + (网址) | 中括号文字，小括号链接 |
代码块 | Option + Cmd + B | ~ | ~ | |
公式块 | Option + Cmd + C | ~ | ~ | |
插入图片 | Option + Cmd + I | ~ | ! + [图片名称] + (图片路径) |
2、字体/颜色/大小样式
说明 | ||
|---|---|---|
黑体字 字体 | <font face="黑体">黑体字</font> | |
微软雅黑 字体 | <font face="微软雅黑">微软雅黑</font> | |
华文彩云 字体 | <font face="STCAIYUN">华文彩云</font> | |
红色 颜色 | <font color=Red>红色</font> | 红色：#FF0000 |
橙色 颜色 | <font color=Orange>橙色</font> | |
黄色 颜色 | <font color=yellow>黄色</font> | 黄色：#FFFF00 |
绿色 颜色 | <font color=green>绿色</font> | 绿色：#00FF00 |
青色 颜色 | <font color=green>青色</font> | |
蓝色 颜色 | <font color=blue>蓝色</font> | 深蓝色：#0000FF / 淡蓝色：#00FFFF |
紫色 颜色 | <font color=#871F78>紫色</font> | 深紫色：#FF00FF / 淡紫色：#871F78 |
浅灰 颜色 | <font color=#DCDCDC>浅灰</font> | #C0C0C0 / #DCDCDC |
深灰 颜色 | <font color=#808080>深灰</font> | #808080 |
尺寸 | <font size=5>尺寸</font> |
3、图片/图文并排
图片并排
图片并排显示需要各个 <img src=" "><img src=" "> 之间不要有空格/换行。并且需要调试图像尺寸，否则由于图片过大，依旧会多行显示。
Eg: <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" style="zoom:67%;"><img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" style="zoom:67%;"><img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" style="zoom:67%;">
图文并排
使用 <img> 标签来贴图，然后指定 align 属性
Eg: <img align="right" src="https://gimg3.baidu.com/search/src=http%3A%2F%2Fgips0.baidu.com%2Fit%2Fu%3D1766021250%2C2464855863%26fm%3D3030%26app%3D3030%26f%3DJPEG%3Fw%3D121%26h%3D74%26s%3D380C3472CD61D2195DF591CF0300C0A1&refer=http%3A%2F%2Fwww.baidu.com&app=2021&size=f242,150&n=0&g=0n&q=100&fmt=auto?sec=1664298000&t=e528fd2b689bcc491f9d5f0670e3a8b1"/>右侧是 Typora 的图标
右侧是 Typora 的图标 这里的文字展示的是图文并排 这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排
这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排，这里的文字展示的是图文并排