Typora和Markdown语法简单学习笔记

Markdown语法简单学习

简介：Markdown是一种纯文本标记语言，大部分的开源社区平台支持Markdown和笔记直接发为博客。需要注意的是Markdown语法中所有的符号都是中文符号。

Typora

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且由于仍在测试中，是完全免费的。

​ Typora 首先是一个 Markdown 文本编辑器，它支持且仅支持 Markdown 语法的文本编辑。

1.下载地址：Typora https://pan.baidu.com/s/1PY9EoQRuMQayOGPSzVffyw

2.如何使用：下载解压后，运行Typora安装包，安装完成后进行后续工作如图所示：

把压缩包中的winmm.dll文件复制粘贴到Typora根目录中，再次打开就可以使用了（由于限制步骤就不写的那么详细了，不懂得小伙伴可以私信我）。

1.标题

分级标题的语法说明：注意快捷键是# 一级标题（中间是有一个空格的）
例子：

1.# 一级标题
2.## 二级标题
3.### 三级标题
4.#### 四级标题
5.##### 五级标题
6.###### 六级标题

2. 引用

语法说明：引用需要在被引用的文本前加上>符号。
例如：

> 1.这里是引用的内容
> 2.这里是引用的内容

显示效果：

1.这里是引用的内容
2.这里是引用的内容

Markdown 语法是允许多层引用的，结构是>>。

3.字体

语法说明：
代码：

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024。

显示效果：
强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024。

4.分割线

语法格式：可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：

1.***
2.---
3.___

显示效果：都是一样的

---

5.图片

图片的创建方式主要有两种，分别为：行内式和参考式写法。
语法中图片Alt的意思是如果图片因为某些原因不能显示，就用定义的图片Alt文字来代替图片。 图片Title则和链接中的Title一样，表示鼠标悬停与图片上时出现的文字。 Alt 和 Title 都不是必须的，可以省略，但建议写上。

5.1行内式

语法说明：![图片Alt] (图片地址 “图片Title”)

图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png)

显示效果：
图片: Markdown语法中当然可以设置带尺寸的照片。

1.带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x60)

2.宽度确定高度等比例的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x)

3.高度确定宽度等比例的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =x60)

4.居中的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

4.居中并且带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60)

6.居右的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_right)

5.2参考示写法

语法说明：在文档要插入图片的地方写![图片Alt][标记]，在文档的最后写上[标记]:图片地址 “Title”。

1.![图片][csdn]
2.[cadn]:https://img-home.csdnimg.cn/images/20220524100510.png#pic_right "图片"

6.超链接

参考式超链接一般用在学术论文上面，或者另一种情况，如果某一个链接在文章中多处使用，那么使用引用 的方式创建链接将非常好，它可以让你对链接进行统一的管理。

语法说明：
参考式链接分为两部分，文中的写法 [链接文字][链接标记]，在文本的任意位置添加[链接标记]:链接地址 “链接标题”，链接地址与链接标题前有一个空格。
如果链接文字本身可以做为链接标记，你也可以写成[链接文字][]
[链接文字]：链接地址的形式，见代码的最后一行。
代码：

1.程序员[黄小刘][1]，是一名在校大学生，也是一名[csdn][2]的博主.
2.[1]:https://blog.csdn.net/m0_52009921?spm=1018.2226.3001.5343 "黄小刘"
3.[2]:https://www.csdn.net/ "csdn"

显示效果：
程序员黄小刘，是一名在校大学生，也是一名csdn的博主。

7.列表

7.1有序列表

有序列表则使用数字接着一个英文句点。
代码：

 - List item
 - List item
 - List item
 - List item

显示效果：

• List item
• List item
• List item
• List item

7.2 无序列表

使用 *，+，- 表示无序列表。
代码：

1.-无序列表1
2.-无序列表2
3.-无序列表3

显示效果：

• 无序列表1
• 无序列表2
• 无序列表3

8.表格

语法说明：列于列之间中管道符|隔开,第二行分隔表头和主体部分。

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |

显示效果：

项目	Value
电脑	$1600
手机	$12
导管	$1

设置文本格式的方式创建表格：

Column 1	Column 2
centered 文本居中	right-aligned 文本居右

9.代码

代码片这个功能是必不可少的，插入程序代码的方式有两种，一种是利用缩进(Tab), 另一种是利用”`”符号（一般在ESC键下方）包裹代码。
语法说明：

1… 插入行内代码，即插入一个单词或者一句代码的情况，使用code这样的形式插入。
2.插入多行代码，可以使用缩进或者“ code “,具体看示例。(注意缩进式前方必须插入空格)

下面展示内联式代码片：

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';

10.总结

对于Markdown语法简单学习还是比较浅的，期待其他小伙伴的补充。