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://gips0.baidu.com/it/u=1766021250,2464855863&fm=3030&app=3030&f=JPEG?w=121&h=74&s=380C3472CD61D2195DF591CF0300C0A1&refer=http://www.baidu.com&app=2021&size=f242,150&n=0&g=0n&q=100&fmt=auto?sec=1664298000&t=e528fd2b689bcc491f9d5f0670e3a8b1"/>右侧是 Typora 的图标
右侧是 Typora 的图标 这里的文字展示的是图文并排 这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排
这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排,这里的文字展示的是图文并排