zmqNut

明知会散落， 仍不惧盛开

0%

Typora使用教程及MarkDown语法

发表于 更新于 分类于
本文字数： 4.5k 阅读时长 ≈ 4 分钟
本文简单介绍了Typora软件的使用以及MarkDown基本语法。

girl

Markdown与Typora介绍

Markdown介绍

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

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

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

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

Typora介绍与下载

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

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

Markdown语法

标题

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

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

字体

  • 用一对星号括住的文本表示斜体文本，如：*要变斜体的文本*，斜体文本 ；

  • 也可以用一对下划线括住文本来表示斜体文本，如：_要变斜体的文本_，斜体文本 ；

也可以使用Typora的快捷键Ctrl+I来表示斜体文本。

  • 用一对**括住的文本表示粗体文本，如：**要变粗体的文本**，粗体文本；

  • 也可以用一对__括住的文本来表示粗体文本，如：__要变粗体的文本__，粗体文本；

也可以使用Typora的快捷键Ctrl+B来表示粗体文本。

用一对***括住的文本表示粗斜体文本，如：***要变粗斜体的文本***，粗斜体文本；
也可以用一对___括住的文本来表示粗斜体文本，如：___要变粗斜体的文本___，粗斜体文本

各种线

  • 分割线，可以使用三个及以上的 + 号或 * 号或 - 来表示一条分割线；
  • 删除线，可以使用一对~~括住的文本来表示删除文本，如：~~要加删除线的文本~~，删除文本；在Typora中，也可以使用快捷键Alt+Shift+5来加删除线，语法相同，删除线。
  • 下划线，可以使用HTML的标签<u>和</u>表示增加下划线的文本，如：<u>要增加下划线的文本</u>，下划线；在Typora中，也可以使用快捷键Ctrl+U来增加下划线，语法也是相同的，下划线。

列表

无序列表

可以使用*，+或-标记符号来表示无序列表项，记住要在标记符号后添加一个空格，语法显示如下：

在Typora中可以使用快捷键Ctrl + Shift + ] 、Ctrl + Shift + [ 

1
2
3
4
5
6
* 第一项
* 第二项
+ 第一项
+ 第二项
- 第一项
- 第二项

有序列表

可以使用数字加上.再加上空格来表示有序列表，语法如下：

在Typora中可以使用快捷键Ctrl + Shift + [ 

1
2
3
1. 第一项
3. 第二项
10. 第三项

嵌套列表

首先使用*、+或-进入列表，然后回车换行，会发现系统自动生成列表第二项，此时按下Tab键，列表第二项变为第一项的子列表。按回车退出当前列表。可以在无序列表中嵌套有序列表, 也可以在有序列表中嵌套无序列表。

  1. 一级
    1. 一一级
    2. 一二级
      • 一二一级
      • 一二二级
    3. 一三级
  2. 二级

快捷键Shift + tab ——返回上一级列表

区块

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

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

一级区块

二级区块

三级区块

二级区块

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

代码

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

比如printf("Hello World!")

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

1
2
3
4
#include <stdio.h>
void main(){
	printf("Hello world!\n");
}

链接

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

[链接文字] (链接地址)
或
[链接文字] ()

示例如下：按住Ctrl+鼠标左键点击访问。

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

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

[打开LinkTest.md文档] (./LinkTest.md)

我们也可以使用链接来实现页内跳转，语法为：

[链接文字] (#标题文字)

eg: 跳到首页

图片

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

1
2
3
![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")
  • 首先一个感叹号
  • 然后中括号里面写属性文本
  • 小括号里面写图片地址，后可接标题
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

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

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

颜色字体

替换对应颜色代码即可

1
2
3
4
5
6
7
$\color{#FF3030}{red}$

$\color{#0000CD}{blue}$

$\color{#33ff66}{green}$

$\color{#ffff00}{yellow}$

image-20220506232014009

表格

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

语法如下：

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

我们可以设置对齐方式：

  • :-表示左对齐
  • -:表示右对齐
  • :-:表示中间对齐
1
2
3
4
|左对齐|右对齐|中间对齐|
|:---|---:|:----:|
|单元格|单元格|单元格|
|单元格|单元格|单元格|
左对齐 右对齐 中间对齐
单元格 单元格 单元格
单元格 单元格 单元格

在Typora中，我们可以使用快捷键Ctrl+T来插入表格，并选择行列，当选中表格某一单元格时，可以在表格左上角手动设置对齐方式，右上角选择更多操作。

Typora与数学公式

如何插入数学公式

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

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

第一种方法表示插入行内公式（内联公式），即可以将公式插入到一行中，比如$1 + 2 = 3$ 这样的公式。

第二种方法表示插入行间公式（外联公式），即可以将公式插入到行与行之间，单独占据一行或者数行的空间，并且居中放置。
$$
1+2=3
$$
如果要在行间公式内换行，在换行的位置使用\\

常用符号、上下标、根号、括号、运算符等此处不做详细介绍

Typora与HTML

改变字体颜色及大小

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

属性size表示字体大小，color表示颜色。

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

<font size=4 color="blue">字体颜色为蓝色，大小为4</font>

<font size=6 color="violet">字体颜色为紫罗兰，大小为6</font>

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

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

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

改变对齐方式

我们可以改变字体的对齐方式，用标签<p> </p>加上属性align，如：

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

左对齐

左对齐

中间对齐

右对齐

插入图像

因为CSDN不支持使用img标签修改图像，所以下面的结果都不是准确的。大家可以自己在Typora中测试。
我们可以通过标签<img src=url />来插入图片，如：

1
<img src="img/3.jpg" />

我们可以改变<img>标签的属性，来改变图片的大小。

1
<img src="img/3.jpg" width=100 height=100/>

我们可以改变<img>标签的属性，来改变图片的大小。

1
2
<img src="img/3.jpg" width=30 height=30 style="float:left"/>图片在左边
<img src="img/3.jpg" width=30 height=30 style="float:right"/>图片在右边

图片在左边

图片在右边

扩展用法

插入emoji表情

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

:happy:的语法为:happy:

🦀的语法为:crab:

🐴的语法为:horse:

插入目录

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

文本高亮

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

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

结果为：

image-20220506233054585

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

---------- End~~ 撒花ฅ>ω<*ฅ花撒 ----------