[TOC]

Typora使用笔记

一、Markdown与Typora介绍

1.1 Markdown介绍

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown。

1.2 Typora介绍与下载

Typora编辑器让人们能更简单地用Markdown语言书写文字，解决了使用传统的Markdown编辑器写文的痛点，并且界面简洁优美，实现了实时预览等功能。

Typora官网： https://typora.io/

windos版本下载地址：https://typora.io/#windows

请根据自己的电脑配置自行下载安装，过程简单，在此不多做介绍。

二、Markdown语法

2.1 标题

使用 # 可以表示标题，一级标题对应一个 # ，二级标题对应两个 # 号，最多至六级标题。在Typora中，# 后要紧接着一个空格才能表示标题，否则就是普通字符。

在Typora中，也可以使用快捷键Ctrl+1（2，3，4，5，6）表示相对应的标题。Ctrl+0表示段落。标题快捷键信息可在菜单栏中的段落选项下查看。

2.2 字体

  • 用一对星号括住的文本表示斜体文本，如：要变斜体的文本*，斜体文本 ；
  • 也可以用一对下划线_括住文本来表示斜体文本，如：_要变斜体的文本_，斜体文本 ；
  • 也可以使用Typora的快捷键Ctrl+I来表示斜体文本。
  • 用一对括住的文本表示粗体文本，如：要变粗体的文本**，粗体文本；
  • 也可以用一对__括住的文本来表示粗体文本，如：__要变粗体的文本__，粗体文本；
  • 也可以使用Typora的快捷键Ctrl+B来表示粗体文本。
  • 用一对括住的文本表示粗斜体文本，如：要变粗斜体的文本***，粗斜体文本；
  • 也可以用一对___括住的文本来表示粗斜体文本，如：___要变粗斜体的文本___，粗斜体文本；

2.3 删除线

可以使用一对括住的文本来表示删除文本，如：要加删除线的文本~~，删除文本；在Typora中，也可以使用快捷键Alt+Shift+5来加删除线，语法相同，删除线。
下划线，可以使用HTML的标签和表示增加下划线的文本，如：要增加下划线的文本，下划线；在Typora中，也可以使用快捷键Ctrl+U来增加下划线，语法也是相同的，下划线。

2.4 区块

当我们想要引用别人的文章内容时，可以将其放在区块内。

可以使用>加空格来表示区块。

这是区块

区块也可以嵌套

二级区块

三级区块

要退出区块，同样使用Enter键即可。

2.5 代码

如果是一行代码，可以使用段内代码块来表示，用一对 `（数字1旁边的符号）括住代码。

比如printf("Hello World!")

如果是代码段，那么可以使用三个 ` 加Enter/空格+编程语言来表示。如：

1
2
3
4
5
include <stdio.h>

void main(){
	printf("Hello world!\n");
}

可以在代码块的右下角选择编程语言。

2.6 链接

链接的使用方式有两种语法，如下：

[]()

链接文字
或
<链接地址>

我们可以使用链接打开网页，示例如下：

[百度](https://www,baidu.com/)

<https://www,baidu.com/>

显示效果如下：

百度
https://www.baidu.com/

当鼠标移到相应的链接文字时，按住Ctrl+鼠标左键点击访问。

链接除了可以打开相应的网页外，还可以打开本地文件，使用方式类似，不过链接地址需要使用本地文件的地址，相对地址、绝对地址均可：

2.7 图片

我们也可以在Markdown文档中插入图片，语法如下：

首先一个感叹号
然后中括号里面写属性文本
小括号里面写图片地址，后可接标题
示例语法：

1
2
3
4
5
![本地png图片PictureTest.png](./img/PictureTest.png)

![本地jpg图片](./img/PictureTest.jpg)

![网络图片](http://static.runoob.com/images/runoob-logo.png"菜鸟教程")

使用网络图片

在Typora中，也可以直接使用Ctrl+C，Ctrl+V来直接进行复制粘贴图片，但是，由于Markdown是需要图片的地址的，所以需要简单设置一下Typora。

点击文件 –> 偏好设置 –> 图像

可以自行设置选择将图片复制到哪个文件夹。

这里选择复制到指定路径，然后在下面一栏中填写./img，表示将图片复制到你正在编辑的文档同一级的img文件夹下。在下面的选项中，勾选第一、二、三项。正因为勾选了第二项，所以当我们在插入网络图片时，Typora会自动帮我们将网络图片下载到指定的路径下，前面的”菜鸟教程”图片便是如此。

由于Markdown的特殊语法，故经常会出现图片加载失败的情况，很大的可能就是因为在指定的路径上找不到相应的图片，当然，有时候也是由于Typora的原因，重启Typora即可。

2.8 表格

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

语法如下：

1
2
3
4
|表头|表头|表头|
|---|---|----|
|单元格|单元格|单元格|
|单元格|单元格|单元格|

结果如下：

表头 表头 表头
单元格 单元格 单元格
单元格 单元格 单元格
:-表示左对齐
-:表示右对齐
:-:表示中间对齐
示例如下：
左对齐 右对齐 中间对齐
单元格 单元格 单元格
单元格 单元格 单元格

三、Typora与数学公式

在本章中，重点不在于介绍如何插入数学公式，而在于如何表示数学符号。

3.1 如何插入数学公式

在Typora中，有两种方法插入数学公式，语法为：

1
2
3
4
5
第一种方法：$数学公式$
第二种方法：
$$
数学公式
$$

第一种方法：1+1=2

第二种方法：
$$
x+y+z=0
$$

  • 第一种方法表示插入行内公式（内联公式），即可以将公式插入到一行中，

  • 第二种方法表示插入行间公式（外联公式），即可以将公式插入到行与行之间，单独占据一行或者数行的空间，并且居中放置。

3.2 上标下标

上下标可以使用^，_后跟相应的符号来实现。如：

上标：a^1，下标：a_1
$$
a^3+b^2+x_2=0
$$

如果作为上标、下标的符号不止一个，则需要用花括号{}将其括起来。

例子：
$$
f(x)=x^{x^x}
$$

3.3 根号

我们可以使用\sqrt{}来表示根号。如：

\sqrt{2},\sqrt[4]{5}
$$
\sqrt{2},\sqrt[4]{5}
$$

3.4 上下水平线

我们可以使用\underline{},\overline{}来表示上下水平线，如：

1
2
下水平线：\underline{a+b}
上水平线：\overline{a+b}

$$
\underline{a+b}
$$

3.5 方程组

1
2
3
4
5
6
7
8
9
10
11
12
$$
\begin{equation}
\left\{
             \begin{array}{lr}
             x=\dfrac{3\pi}{2}(1+2t)\cos(\dfrac{3\pi}{2}(1+2t)), &  \\
             y=s, & 0\leq s\leq L,|t|\leq1.\\
             z=\dfrac{3\pi}{2}(1+2t)\sin(\dfrac{3\pi}{2}(1+2t)), &  
             \end{array}
\right.
\end{equation}
$$

$$
\begin{equation}
\left{
\begin{array}{lr}
x=\dfrac{3\pi}{2}(1+2t)\cos(\dfrac{3\pi}{2}(1+2t)), & \
y=s, & 0\leq s\leq L,|t|\leq1.\
z=\dfrac{3\pi}{2}(1+2t)\sin(\dfrac{3\pi}{2}(1+2t)), &
\end{array}
\right.
\end{equation}
$$

四、Typora与HTML

4.1 改变字体颜色及大小

我们可以使用 标签来改变字体的颜色及大小，如：

<font size=3 color="red">字体颜色为红色，大小为3</font>

字体颜色为红色，大小为3

字体颜色为蓝色，大小为4

字体颜色为紫罗兰，大小为6

4.2 改变对齐方式

我们可以改变字体的对齐方式，用标签

加上属性align，如：

1
2
3
<p align="left">左对齐</p>
<p align="center">中间对齐</p>
<p align="right">右对齐</p>

左对齐

中间对齐

右对齐

4.3 插入图像

<img src="URL" />

五、扩展用法

5.1 插入emoji表情

我们可以使用:emoji:的语法来插入表情，比如：

:happy:的语法为”（:happy）

🦀的语法为​（:crab）​

🐴的语法为​（:horse）​

5.2 插入目录

当我们为使用标题将文分章节后，可以在输入[toc]命令的地方自动根据标题生成目录。

5.3 导出

选择文件 –> 导出，可以选择导出的文件格式，有pdf,html,word等格式。

5.4 文本高亮

在Typora中，可以用一对==将要高亮的文本括起来，如：

==要高亮的文本==
==背景会用黄色填充==

这个功能可在偏好设置 –> Markdown扩展语法中设置。

5.5 上下标

在Typora中，可以用一对~将下标括起来如：H~2~O表示H2O

同样，我们也可以用一对^将上标括起来，如：X^2^表示X^2^

上下标可在偏好设置 –> Markdown扩展语法中设置。

六、参考资料

[1] 菜鸟Markdown教程：https://www.runoob.com/markdown/md-tutorial.html

[2] 更多数学符号表达式：http://mohu.org/info/symbols/symbols.htm

[3] Latex 方程组表示： https://blog.csdn.net/lemolemac/article/details/9057471

[4] 菜鸟HTML教程：https://www.runoob.com/html/html-tutorial.html