第二部分：typora
第二部分：typora
目前typora是付费才能使用的，不过还好，一次购买终身使用。
typora的使用
一般传统的markdown编辑器都有两个窗口，左边是源码，右边是渲染后的效果。但是typora不同，它把源码和预览合二为一，实现了所见即所得。
在typora中，有两种编辑方式，一种是混合界面（也就是源码和预览合二为一的界面），另一个就是源码模式（也就是编写源码的界面）。我们接下来提到的一些语法是对于混合界面来讲的。混合界面的编辑在一定程度上简化了以往的编辑方式。所以对于下面的一些语法不要感到奇怪。
1、编辑样式
在这个软件中，可以通过执行 菜单栏 - 格式 - 加粗/斜体/代码/图像/超链接等 来添加或者移除有关文字样式的标记符号。
如果没有选中文字，则只添加标记记号；如果选中了文字，则会为选中的文字添加或移除标记符号。
相关快捷键可以自己去找一下。
2、编辑段落
可以去菜单栏- 段落- 段落/引用/表格/代码块/分隔线/有序列表/无序列表/任务列表 来添加或者移除关于段落的标记记号。
- 段落与换行
使用Enter键插入新段落。
使用 实现换行，或者使用Shift+Enter进行换行。
总之关于段落需要知道：
- 开启一个新的段落只需要按一次Enter即可，其实查看源码就会发现，typora自动为我们插入了一个空行。
- 在默认情况下，段落是没有首行缩进的，如果想要首行缩进，可以到菜单栏- 编辑- 空格与换行- 勾选首行缩进。
- 另外关于标题、列表、引用、分隔线、代码等跟之前讲的markdown语法基本没有大的区别。可以使用快捷键来使用这些语法。有关快捷键可以自己去找一下。
typora的扩展语法
1、下划线
语法如下：
这段文字下面有下划线
相关快捷键自行了解。
2、内联数学公式
如果想使用内数学公式，需要到文件- 偏好设置- markdown- markdown扩展语法- 勾选内联公式- 重启typora。
语法如下：
$数学公式$
3、下标和上标
如果想使用上下标，需要到文件- 偏好设置- markdown- markdown扩展语法- 勾选下标和上标- 重启typora。
语法如下：
~下标内容~
^上标内容^
3、高亮
如果想要使用高亮的功能，需要到文件- 偏好设置- markdown- markdown扩展语法-勾选高亮- 重启typora。
语法如下：
==高亮内容==
注意：设置为高亮的内容会显示为黄色。
4、注释
注释的语法如下：
5、数学公式块、
语法如下：
$$
数学公式
$$
6、目录
在typora中可以自动获取文章的标题来生成目录，当标题更改时，目录也会随之更改。
语法如下：
@[toc]
注：在想插入目录的位置输入[TOC]按回车键即可。
7、脚注
语法如下：
我们可以这样引用一个脚注[^参考]
[^参考]:这段文字是对脚注的描述
8、序列表
语法如下：
```mermaid
sequenceDiagram
js-sequence-diagrams语法
```
语法说明：
- 使用3个`+sequence包裹js-sequence-diagrams语法
- js-sequence-diagrams语法自行查阅学习。下面举个例子：
```mermaid
sequenceDiagram
张三->>李四:你吃了吗？
Note right of 李四:我显示在李四的右边
李四-->>张三:好久不见，我刚吃过
```
效果如下图：
9、流程图
语法如下：
```mermaid
flowchat
flowchart.js语法
```
语法说明：
- 使用三个`+flow包裹flowchart.js语法
- flowchart.js语法自行学习，下面举个例子：
```mermaid
flowchat
st=>start: 开始
op=>operation: 我是帅哥
cond=>condition: Yes or No?
e=>end: 结束
st->op->cond
cond(yes)->e
cond(no)->op
```
效果如下图：
10、Mermaid
10.1、Mermaid序列图
语法如下：
```mermaid
mermaid序列图语法
```
例如：
```mermaid
sequenceDiagram
张三->>李四:李四，你吃了吗？
李四-->>张三:好久不见，我刚吃过！
Note right of 李四:我显示在李四的右边
```
效果如下图所示：
10.2、Mermaid流程图
语法如下：
```mermaid
mermaid流程图语法
```
例如：
```mermaid
graph TD
A[开始]-->B(我是帅哥)
B-->C{Yes or No?}
C-->|Yes| D{结束}
C-->|No| B
```
效果如下图：
10.3、Mermaid甘特图
语法如下：
```mermaid
mermaid甘特图语法
```
例如：
```mermaid
gantt
dateFormat YYYY-MM-DD
title 项目开发周期
section 需求评审
需求评审 :2018-01-01,2018-01-02
section 功能开发
开发编码 :2018-01-03,2018-01-08
开发自测 :2018-01-08,2018-01-09
section 项目自测
第一轮测试 :2018-01-09,2018-01-14
第二轮测试 :2018-01-14,2018-01-16
```
效果如下图所示：
11、使用HTML标签
Typora还支持很多常用的HTML标签，感兴趣的可以自行了解。
12、显示模式
下面的这些模式可以在视图里面更改。
12.1、视图模式
- 大纲视图：方便查看全文的结构。
- 文件树视图：方便切换当前目录及子目录中的文档。
- 文档列表视图：方便切换当前目录中的文档。
12.2、沉浸式写作体验
- 打字机模式：光标始终位于屏幕中央。
- 专注模式：只高亮显示光标所在行，其余内容全部变灰。
- 全屏：最大化文件窗口，排除其他软件的干扰。