Markdown - Typora 10分钟入门 - 精简归纳

Markdown - Typora 10分钟入门 - 精简归纳

JERRY_Z. ~ 2020 / 8 / 22

转载请注明出处！

---

目录

• Markdown - Typora 10分钟入门 - 精简归纳
• 一、简介
  • 1.说给我们听
  • 2.Markdown 简介
  • 3.Markdown 编辑器简介
• 二、Typora 的安装及配置
  • 1.进入 Typora 官网
  • 2.右上角点击 Download
  • 3.选择相应的系统版本
  • 4.下载、安装
  • 5.系统会自动创建一个 Typora 桌面图标
  • 6.打开 Typora
  • 7.文件 —— 偏好设置
  • 8.菜单栏设置及功能
  • 9.利用 Markdown 编写文档
  • 10.保存、另存为、导出……
• 三、Markdown 语法基础
  • 1.Markdown 标题
  • 2.Markdown 字体
  • 3.Markdown 格式
  • 4.Markdown 列表
  • 5.Markdown 分割线
  • 6.Markdown 代码
  • 7.Markdown 图片
  • 8.Markdown 链接
  • 9.Markdown 表格
  • 10.Markdown 区块
  • 11.Markdown 转义
  • 12.Markdown 公式
• 四、Typora 使用技巧
  • 1.源代码模式
  • 2.大纲视图
  • 3.开发者工具
• 五、附

---

一、简介

1.说给我们听

这篇博客是我学习使用 Markdown 及 Typora 后的个人总结，也是我人生真正意义上的第一篇博客，作为一名计算机专业的学生，我鼓励自己将所学所得积极地记录、总结和分享出来，这篇博客对我意义重大，希望大家喜欢，同时希望我将来继续保持记录与分享的好习惯！

交流方式：

QQ： 1846334075

WeChat： zhoujirui54

CSDN：https://blog.csdn.net/D_si_God

Cnblogs：https://www.cnblogs.com/JERRY-Z-J-R/

GitHub：https://github.com/JERRY-Z-J-R

Gitee：https://gitee.com/JERRY-Z-J-R

感谢：

B站 遇见狂神说：https://space.bilibili.com/95256449/

菜鸟教程：https://www.runoob.com/

以上的个人和平台为我学习 Markdown - Typora 提供了极大的帮助，在此非常感谢！

2.Markdown 简介

Markdown 是一种轻量标记语言，通过简单的语法，使普通文本具有一定的格式。

Markdown 语言在 2004年 由 约翰·格鲁伯 (John Gruber) 创建。

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

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

Markdown 当前被许多网站广泛使用来撰写帮助文档或是用于论坛上发表消息及撰写博客。例如：GitHub、CSDN、cnblogs、OSCHINA、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge 等。

以上简介来自：菜鸟教程 https://www.runoob.com/

3.Markdown 编辑器简介

本博客使用 Typora 编辑器来讲解 Markdown 的语法，同时本人也极度安利大家使用这款小清新神器来撰写 Markdown 文档。Typora 支持 MacOS 、Windows、Linux 平台，且包含多种主题，页面超级简洁，功能精炼，编辑后直接渲染出效果，可为用户提供超高效的沉浸式写作体验。

Typora 编辑器支持导出HTML、PDF、Word、图片等多种类型文件。

点击进入：Typora 官网

先放一张Typora的官网首页图！对于我这种简约风格颜值控来说，简直太漂亮了！

其他 Markdown 编辑器推荐：印象笔记、VS Code、Sublime Text、Atom……

---

二、Typora 的安装及配置

1.进入 Typora 官网

点击链接：Typora 官网

2.右上角点击 Download

3.选择相应的系统版本

4.下载、安装

建议：安装时不要选择默认路径，不要选择带有中文的路径

5.系统会自动创建一个 Typora 桌面图标

6.打开 Typora

Typora 默认主题是: GitHub ，是不是超级简洁呢！如果你不喜欢的话还有无数的主题 ( Typora 官网可以找到一部分精美主题 ) 可供下载！同时也支持利用 CSS 样式定制个人主题，由于本blog为入门基础，所以就不一一说明了，感兴趣的话请查阅相关帮助文档！

7.文件 —— 偏好设置

为方便后序使用，建议将以下设置全部完成！

8.菜单栏设置及功能

菜单栏中还由许多设置及功能，请多多试用，并查阅相关帮助文档

9.利用 Markdown 编写文档

......具体教程请看后文

10.保存、另存为、导出……

Typora 提供了许多格式的导出，方便文档的跨平台使用

---

三、Markdown 语法基础

说明：此处只是列举了 Markdown 的常用语法，并不涉及如：图表、流程图等，高级的部分。Markdown 是轻量级文本标记语言，所以利用非常简单的标签来设置文本格式。下面遇到的所有代码示例均是 Markdown 格式。

1.Markdown 标题

Markdown 中一共支持六级标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

合理使用标题有利于在大纲模式下管理文档结构，同时也利于编排

2.Markdown 字体

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

显示效果：

斜体文本

斜体文本

粗体文本

粗体文本

粗斜体文本

粗斜体文本

~~删除线~~
<u>下划线</u>
==高亮==

显示效果：

删除线

下划线

高亮

3.Markdown 格式

Markdown^上标^
Markdown~下标~
<!--注释-->

显示效果：

Markdown^上标

Markdown_下标

4.Markdown 列表

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项

- 第一项
- 第二项
- 第三项

显示效果：

• 第一项
• 第二项
• 第三项

• 第一项
• 第二项
• 第三项

• 第一项
• 第二项
• 第三项

<!---列表嵌套只需在子列表中的选项前面添加四个空格即可-->
1. 第一项：
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项：
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

显示效果：

1. 第一项：
   • 第一项嵌套的第一个元素
   • 第一项嵌套的第二个元素
2. 第二项：
   • 第二项嵌套的第一个元素
   • 第二项嵌套的第二个元素

5.Markdown 分割线

---
***

显示效果：

---

---

6.Markdown 代码

<!--段落上的一个函数或片段的代码-->
`printf()`

<!--你也可以用3个`包裹一段代码，并指定一种语言（也可以不指定）-->
​```c
#include <stdio.h>

int main(void){
	printf("hello, world!\n");

	return 0;
}
​```

​```python
print("hello python");
​```

显示效果：

printf()

#include <stdio.h>

int main(void){
	printf("hello, world!\n");

	return 0;
}

print("hello python");

7.Markdown 图片

![图片属性文本](图片路径)		<!--路径可以是本地的，也可是网络的-->

<!--Markdown 还没有办法指定图片的高度与宽度，如果你需要的话，你可以使用普通的 <img> 标签-->
<img src="图片路径" width="50%">

8.Markdown 链接

[链接名称](链接地址)	<!--第一种链接方式：带名称>

<链接地址>	<!--第二种链接方式：不带名称，只有一个链接>

9.Markdown 表格

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

显示效果：

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

<!--
我们可以设置表格的对齐方式：

-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
-->
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

显示效果：

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

10.Markdown 区块

> 区块引用

> 最外层
> > 第一层嵌套
> > > 第二层嵌套

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

* 第一项
    > 列表中使用区块
* 第二项

显示效果：

区块引用

最外层

第一层嵌套

第二层嵌套

区块中使用列表

1. 第一项
2. 第二项

• 第一项
• 第二项
• 第三项

• 第一项

  列表中使用区块

• 第二项

11.Markdown 转义

<!--
\反斜杠 + 特殊符号 = 普通符号
-->
\`   反引号
\*   星号
\_   下划线
\{}  花括号
\[]  方括号
\()  小括号
\#   井字号
\+   加号
\-   减号
\.   英文句点
\!   感叹号

显示效果：

` 反引号

* 星号

_ 下划线

{} 花括号

[] 方括号

() 小括号

# 井字号

+ 加号

- 减号

. 英文句点

! 感叹号

12.Markdown 公式

$$
1 + 2 = 3
$$

显示效果：

$$

1 + 2 = 3

$$

---

四、Typora 使用技巧

1.源代码模式

点击左下角 </> 即可 进入/退出 源代码模式

Ctrl + / 快捷键：在光标所在语句的源代码与预览模式之间来回跳转

2.大纲视图

菜单栏——视图——大纲，即可开启大纲模式

3.开发者工具

Typora 提供了与浏览器相同的开发者工具，开启方式：Shift + F12 快捷键 或 右键——检查元素

利用开发者工具可以弥补 Markdown 功能的不足，用户可以根据 HTML CSS 改变文档内容使文档设计得更加完美！当然，前提条件是掌握了一定的 HTML CSS 基础知识。

---

五、附

本博客便是利用 Markdown 编写的，若需要源码请留言。