文章目录
一、Markdown的基础使用(只是一些基础使用)
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 各种线
- 分割线，可以使用三个及以上的
+号或*号或-来表示一条分割线；
由三个*号表示的分割线：
由三个+号表示的分割线：
+++（可能在CSDN上不显示）
由三个-号表示的分割线：
删除线，可以使用一对~~括住的文本来表示删除文本，如：要加删除线的文本，删除文本；在Typora中，也可以使用快捷键Alt+Shift+5来加删除线，语法相同，删除线。
下划线，可以使用HTML的标签和<u>表示增加下划线的文本，如：要增加下划线的文本，下划线；在Typora中，也可以使用快捷键Ctrl+U来增加下划线，语法也是相同的，下划线。
2.4 列表
（1）无序列表
可以使用*，+或-标记符号来表示无序列表项，记住要在标记符号后添加一个空格，语法显示如下：
* 第一项
* 第二项
+ 第三项
+ 第四项
- 第五项
- 第六项
结果如下：
- 第一项
- 第二项
- 第三项
- 第四项
- 第五项
- 第六项
（2）有序列表
可以使用数字加上.再加上空格来表示有序列表，语法如下：
1. 第一项
3. 第二项
10. 第三项
结果如下：
- 第一项
- 第二项
- 第三项
从结果可以看出，数字并不重要。
（3）嵌套列表
-
列表嵌套只需在子列表中的选项前面添加四个空格即可：
- 第一项：
TAB- 第一项嵌套的第一个元素
TAB TAB -第一项嵌套的第一个元素的第一个元素
TAB- 第一项嵌套的第二个元素 - 第二项：
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
- 第一项：
-
列表中可以嵌套列表。
-
有序列表和无序列表也可以互相嵌套。
-
示例：
- 第一项
- 第一项的第一个元素
- 第一项的第一个元素的第一个元素
- 第一项的第一个元素的第二个元素
- 第一项的第二个元素
- 第一项的第一个元素
- 第二项
- 第二项的第一个元素
- 第二项的第二个元素
- 第一项
+++
2.5 区块
当我们想要引用别人的文章内容时，可以将其放在区块内。
可以使用>加空格来表示区块。
这是区块
区块也可以嵌套
二级区块
三级区块
要退出区块，同样使用Enter键即可。
2.6 代码
如果是一行代码（也可以是一些maekdown中的关键字符），可以使用段内代码块来表示，用一对 `（数字1旁边的符号）括住代码。
比如printf("Hello World!")
如果是代码段，那么可以使用三个 ` 加Enter/空格+编程语言来表示。如：
void main(){
printf("Hello world!\n");
}
可以在代码块的右下角选择编程语言。
2.7 链接
- 链接的使用方式有两种语法，如下：
[链接文字](链接地址)
或
<链接地址>
- 我们可以使用链接打开网页，示例如下：
[百度](https://www.baidu.com/)
<https://www.baidu.com/>显示效果如下：
https://www.baidu.com/
在Typora中，当鼠标移到相应的链接文字时，按住Ctrl+鼠标左键点击浏览器中访问。
- 链接除了可以打开相应的网页外，还可以打开本地文件,使用方式类似,不过链接地址需要使用本地文件地址，相对地址、绝对地址均可：
示例：
[打开学习任务文档](../学习任务.md)
[打开1.jpg照片](../img/1.jpg)经测试可以打开相应的文件。但是不能使用<要打开的文件地址>来打开相应的文件，比如<…/学习任务.md>并没有表现为可链接状态。
- 补充知识：
一个小圆点.表示当前目录，两个小圆点…表示上一级目录。
我们也可以使用链接来实现页内跳转，语法为：
[链接文字](#标题文字)示例：
[跳转到 Markdown介绍](#1.1 Markdown介绍)结果如下：
[跳转到第一章第一节](#1.1 Markdown介绍)经测试，可以成功跳转。
2.8 图片
我们也可以在Markdown文档中插入图片，语法如下：
- 首先一个感叹号
- 然后中括号里面写属性文本
- 小括号里面写图片地址，后可接标题
示例语法：
结果如下：
-
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S3xLUFgt-1633785418564)(C:\Users\lilele\Desktop\学习整理\图片\1.jpg)]
-
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H13B5T8T-1633785418566)(http://static.runoob.com/images/runoob-logo.png “菜鸟教程”)]
在Typora中，也可以直接使用Ctrl+C，Ctrl+V来直接进行复制粘贴图片，但是，由于Markdown是需要图片的地址的，所以需要简单设置一下Typora。
点击文件 --> 偏好设置 --> 图像，如下：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NjPCHawQ-1633785418568)(E:\桌面\图片\image-20210701105347882.png)]可以自行设置选择将图片复制到哪个文件夹。
这里选择复制到指定路径，然后在下面一栏中填写./img，表示将图片复制到你正在编辑的文档同一级的img文件夹下。在下面的选项中，勾选第一、二、三项。正因为勾选了第二项，所以当我们在插入网络图片时，Typora会自动帮我们将网络图片下载到指定的路径下，前面的"菜鸟教程"图片便是如此。
由于Markdown的特殊语法，故经常会出现图片加载失败的情况，很大的可能就是因为在指定的路径上找不到相应的图片，当然，有时候也是由于Typora的原因，重启Typora即可。
图片中有一个问题，就是截图是本地文件，在上传时不会显示，以下是解决方案：
Typora + Gitee + Picgo
哔哩哔哩大佬
2.9 表格
Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。
语法如下：
|表头|表头|表头|
|---|---|----|
|单元格|单元格|单元格|
|单元格|单元格|单元格|
结果如下：
| 表头1 | 表头2 | 表头3 |
|---|---|---|
| 单元格1 | 单元格2 | 单元格3 |
| 单元格1 | 单元格2 | 单元格3 |
我们可以设置对齐方式：
:-表示左对齐
-:表示右对齐
:-:表示中间对齐
示例如下：
|左对齐|右对齐|中间对齐|
|:---|---:|:----:|
|单元格|单元格|单元格|
|单元格|单元格|单元格|
结果如下：
| 左对齐 | 右对齐 | 中间对齐 |
|---|---|---|
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
在Typora中，我们可以使用快捷键Ctrl+T来插入表格，并选择行列，当选中表格某一单元格时，可以在表格左上角手动设置对齐方式，右上角选择更多操作。
三、Typora与数学公式
这点有点复杂！看大佬整理的：CSDN大佬
四、Typora与HTML
4.1 改变字体颜色及大小
我们可以使用 标签来改变字体的颜色及大小，如：
<font size=3 color="red">字体颜色为红色，大小为3</font>
<font size=4 color="blue">字体颜色为蓝色，大小为4</font>
<font size=6 color="violet">字体颜色为紫罗兰，大小为6</font>
结果为：
字体颜色为红色，大小为3
字体颜色为蓝色，大小为4
字体颜色为紫罗兰，大小为6
属性size表示字体大小，color表示颜色。
4.2 改变对齐方式
我们可以改变字体的对齐方式，用标签<p> </p>加上属性align，如：
<p align="left">左对齐</p>
<p align="center">中间对齐</p>
<p align="right">右对齐</p>
结果为：
左对齐
中间对齐
右对齐
4.3 插入图像
因为CSDN不支持使用img标签修改图像，所以下面的结果都不是准确的。大家可以自己在Typora中测试。
-
我们可以通过标签
<img src=url />来插入图片，如：<img src="E:\桌面\图片\1.jpg" /> -
我们可以改变标签的属性，来改变图片的大小。
<img src="E:\桌面\图片\1.jpg" width=500 height=500/> -
也可以改变图片的位置，如：
<img src="E:\桌面\图片\1.jpg" width=500 height=500 style="float:left"/>
<img src="E:\桌面\图片\1.jpg" width=500 height=500 style="float:right"/>
五、扩展用法
5.1 插入emoji表情
我们可以使用:emoji:的语法来插入表情，比如：
:crab:的语法为🦀
:horse:的语法为🐴
5.2 插入目录
当我们为使用标题将文分章节后，可以在输入[toc]命令的地方自动根据标题生成目录。
5.3 导出
选择文件 --> 导出，可以选择导出的文件格式，有pdf,html,word等格式。
5.4 文本高亮
在Typora中，可以用一对==将要高亮的文本括起来，如：
==要高亮的文本==
==背景会用黄色填充==
结果为：
要高亮的文本
背景会用黄色填充
这个功能可在偏好设置 --> Markdown扩展语法中设置。
5.5 上下标
在Typora中，可以用一对~将下标括起来，如：H2O
同样，我们也可以用一对^将上标括起来，如：X2
上下标可在偏好设置 --> Markdown扩展语法中设置。
5.6 Typora主题下载使用
- 第一步：下载Typora后：左上角文件–>偏好设置–>外观–>右下角的获取主题
- 第二步：找到心仪的主题后下载，将下载后的css文件导入主题文件夹（获取主题左边打开）
- 第三步：在主题->浅色主题和深色主题上进行选择。
- 也可以自己编写css文件进行主题替换，学习CSDN大佬
249
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
