Typora使用手册

设置

侧边栏可折叠：文件 -> 偏好设置 -> 外观 -> 侧边栏

支持Markdown：文件 -> 偏好设置 -> Markdown

技巧

自定义CSS：文件 -> 偏好设置 -> 通用 -> 开启调试模式 -> 回到文本编辑，右键检查元素，select emelment更改style

源代码模式：视图 -> 源代码模式（插表格）

1.标题

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> # 一级标题
 ## 二级标题
 ### 三级标题
 #### 四级标题
 ##### 五级标题
 ###### 六级标题</span></span>

Ctrl+1、2、3、4、5、6

2.字体

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> *斜体文本*
 _斜体文本_
 **粗体文本**
 __粗体文本__
 ***粗斜体文本***
 ___粗斜体文本___</span></span>

斜体文本 斜体文本

Ctrl+I

粗体文本 粗体文本

Ctrl+B

粗斜体文本 粗斜体文本

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> ==高亮==
 `高亮`
 <font face="黑体">我是黑体字</font>
 <font face="微软雅黑">我是微软雅黑</font>
 <font face="STCAIYUN">我是华文彩云</font>
 <font color=#0099ff size=3 face="黑体">color=#0099ff size=3 face="黑体"</font>
 <font color=#00ffff size=4>color=#00ffff size=4</font>
 <font color=gray size=5>color=gray size=5</font></span></span>

高亮、突出

我是黑体字 我是微软雅黑 我是华文彩云 color=#0099ff size=3 face="黑体" color=#00ffff size=4 color=gray size=5

上标：X2

下标：O2

字体对齐方式：

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> <p align="left">左对齐</p>
 <p align="center">中间对齐</p>
 <p align="right">右对齐</p></span></span>

​

左对齐

中间对齐

右对齐

​

3.分隔线

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> ***</span></span>

---

4.删除线

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> ~~删除信息~~</span></span>

删除信息

Alt+Shift+5

5.下划线

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> <u>下划线</u></span></span>

下划线

Ctrl+U

6.脚注

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> [^要注明的文本]</span></span>

[RUNOOB]  菜鸟教程 -- 学的不仅是技术，更是梦想！！！

[^]:

7.列表

无序：

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> * 第一项
 * 第二项
 * 第三项
 ​
 + 第一项
 + 第二项
 + 第三项
 ​
 - 第一项
 - 第二项
 - 第三项</span></span>

Ctrl+Shift+]

有序：

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 1. 第一项
 2. 第二项
 3. 第三项</span></span>

Ctrl+Shift+[

任务：

• 任务1
• 任务2

8.区块

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号</span></span>

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> > 最外层
 > > 第一层嵌套
 > > > 第二层嵌套</span></span>

最外层

第一层嵌套

第二层嵌套

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 区块中使用列表
 > 区块中使用列表
 > 1. 第一项
 > 2. 第二项
 > + 第一项
 > + 第二项
 > + 第三项</span></span>

区块中使用列表

1. 第一项

2. 第二项

• 第一项

• 第二项

• 第三项

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 列表中使用区块：如果要在列表项目内放进区块，那么就需要在 > 前添加四个空格的缩进
 * 第一项
     > 菜鸟教程
     > 学的不仅是技术更是梦想
 * 第二项</span></span>

• 第一项

  菜鸟教程 学的不仅是技术更是梦想

• 第二项

Ctrl+Shift+Q

9.代码

段落上的一个函数或片段的代码可以用反引号把它包起来（`）

代码区块使用 4 个空格或者一个制表符（Tab 键）

可以用 ``` 包裹一段代码，并指定一种语言

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> ```javascript
 $(document).ready(function () {
     alert('RUNOOB');
 });
 ```</span></span>

Ctrl+Shift+D

10.链接

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> [链接名称](链接地址)
 <https://www.runoob.com></span></span>

[]:

Ctrl+K

11.图片

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> ![alt 属性文本](图片地址)</span></span>

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> ![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)</span></span>

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> <img src="http://static.runoob.com/images/runoob-logo.png" width="50%"></span></span>

改变图片尺寸

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> <img src="img/1.jpg" width=100 height=100/></span></span>

改变图片位置

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> <img src="img/1.jpg" width=30 height=30 style="float:left"/>图片在左边
 <img src="img/1.jpg" width=30 height=30 style="float:right"/>图片在右边</span></span>

12.表格

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行
 |  表头   | 表头  | 表头  |  表头   | 表头  | 表头  |
 |  :----:  | :----:  | :----:  |  :----:  | :----:  | :----:  |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |
 | 单元格  | 单元格 | 单元格 | 单元格  | 单元格 | 单元格 |</span></span>

单元格	单元格	单元格	单元格	单元格	单元格

名称	类型	长度	非NULL	键	注释	说明	默认

表头	表头	表头
单元格	单元格	单元格
单元格	单元格	单元格

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 表格的对齐方式：
     -: 设置内容和标题栏居右对齐
     :- 设置内容和标题栏居左对齐
     :-: 设置内容和标题栏居中对齐
 ​
 | 左对齐 | 右对齐 | 居中对齐 |
 | :-----| ----: | :----: |
 | 单元格 | 单元格 | 单元格 |
 | 单元格 | 单元格 | 单元格 |</span></span>

左对齐	右对齐	居中对齐
单元格	单元格	单元格
单元格	单元格	单元格

插入表格：Ctrl+T

下方插行：Ctrl+Enter

上下移行：Alt+​/​

左右移列：Alt+​/​

13.高级

支持的 HTML 元素

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> <kbd> <b> <i> <em> <sup> <sub> <br> <center> <p></span></span>

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑</span></span>

使用 Ctrl+Alt+Del 重启电脑

转义：

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> **文本加粗** 
 \*\* 正常显示星号 \*\*</span></span>

居中：

​

文本

​

文本加粗**

** 正常显示星号 **

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 以下这些符号前面加上反斜杠来帮助插入普通的符号：    
 \   反斜线
 `   反引号
 *   星号
 _   下划线
 {}  花括号
 []  方括号
 ()  小括号
 #   井字号
 +   加号
 -   减号
 .   英文句点
 !   感叹号</span></span>

14.公式

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式</span></span>

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> $$
 \mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
 \mathbf{i} & \mathbf{j} & \mathbf{k} \\
 \frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
 \frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
 \end{vmatrix}
 ${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
 $$</span></span>

指数：$e^{x^2} \neq {e^x}^2$：​

下标：$a^{3}_{ij}$：​

方根： 平方根的输入命令为：\sqrt、 n 次方根相应地为: \sqrt[n]

$\sqrt{x}$：​、 $\sqrt{x^2 + \sqrt{y}}$：​ 、 $\sqrt[3]{2}$：​

水平线： 在表达式的上、下方画出水平线使用命令 \overline 和 \underline

$\overline{m+n}$：​、 $\underline{m+n}$：​

括号：在表达式的上、下方给出一水平的大括号使用命令 \overbrace 和 \underbrace

$\underbrace{a+b\cdots+z}_{26}$：​

$\overbrace{a+b\cdots+z}^{26}$：​

向量：\vec、\overrightarrow、\overleftarrow

$\vec a$：​、$\quad\overrightarrow{AB}$：​、$\quad\overleftarrow{AB}$：​

分数： \frac{...}{...}

$1\frac{1}{2}$：​、$\frac{ x^{2} }{ k+1 }$：​、$x^{\frac{2}{k+1}}$：​

积分：\int

$\int_{0}^{\frac{\pi}{2}}$：​

求和：\sum

$\sum_{i=1}^{n}$：​

乘积：\prod

$\prod_{\epsilon}$：​

希腊字母：

$\alpha$	​	$\beta$	​	$\gamma$	​
$\theta$	​	$\vartheta$	​	$\upsilon$	​
$\pi$	​	$\phi$	​	$\varphi$	​
$\rho$	​	$\varepsilon$	​	$\mu$	​
$\sigma$	​	$\omega$	​	$\psi$	​
$\varrho$	​	$\eta$	​	$\xi$	​

AMS:

$\pm$	​	$\mp$	​
$\cdot$	​	$\div$	​	$\times$	​	$\setminus$	​
$\leq$	​	$\geq$	​	$\thickapprox$	​	$\ne$	​
$\subseteq$	​	$\supseteq$	​	$\in$	​	$\ni$	​
$\rightleftharpoons$	​	$\leftrightharpoons$	​	$\longrightarrow$	​	$\notin$	​
$\uparrow$	​	$\downarrow$	​	$\Leftrightarrow$	​	$\Longrightarrow$	​
$\because$	​	$\therefore$	​
$\or$	​
$\forall$	​	$\exists$	​
$\infty$	​
$\dots	​	$\cdots	​
$\surd$	​
$\square$	​	$\blacksquare$	​
$\vartriangle$	​	$\blacktriangle$	​
$\triangledown$	​	$\blacktriangledown$	​
$\lozenge$	​	$\blacklozenge$	​
$\angle$	​	$\measuredangle$	​
$\divideontimes$	​	$\circledS$	​
$\varnothing$	​	$eth$	​	$\eth$	​
$\{$	​	$\}$	​
$[$	​	$]$	​

数学字母：

$\mathit{ABC}$：​

$\mathrm{ABC}$：​

15.作图

<span style="background-color:#f8f8f8 !important"><span style="color:#34495e"> 还是不建议在这做，费脑子，推荐使用Visio专业的来做
 视图，打开源代码模式</span></span>

横向流程图源码格式：

a=1

a=2

方形

圆角

条件a

结果1

结果2

横向流程图

竖向流程图源码格式：

a=1

a=2

方形

圆角

条件a

结果1

结果2

竖向流程图

标准流程图源码格式：

开始框处理框判断框(是或否?)输入输出框结束框子流程yesno

标准流程图源码格式（横向）：

开始框处理框判断框(是或否?)输入输出框结束框子流程yesno

UML时序图源码样例：

对象A对象A对象B对象B对象B你好吗?（请求）对象B的描述对象A的描述(提示)我很好(响应)你真的好吗？

UML时序图源码复杂样例：

标题：复杂使用对象A对象A对象B对象B小三小三CC对象B你好吗?（请求）对象B的描述对象A的描述(提示)我很好(响应)你好吗对象B找我了你真的好吗？我们是朋友没人陪我玩

UML标准时序图样例：

张三李四王五王五你好吗？与疾病战斗loop[ 健康检查 ]合理 食物看医生...很好!你怎么样?很好!张三李四王五

甘特图样例：

2014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-192014-01-212014-01-23需求原型UI设计未来任务学习准备理解需求设计框架开发未来任务耍功能测试压力测试测试报告设计开发测试软件开发甘特图

16.表情

https://bj.96weixin.com/tools/emoji