Markdown从小白到精通

介绍

标记语言

我们最常见的的标记语言就是HTML，HTML是超文本标记语言，标记语言的目的就是做一些标记，然后将其展现出来，目的是表示。

Markdown介绍

Markdown是一种轻量级的标记语言，Markdown 由John Gruber于2004年创建，如今已成为世界上最受欢迎的标记语言之一。Markdown的主体是文本，用于内容的展示，它具有简单的样式，可以简化文字的样式，排版等问题，专门用于内容的展示。

Markdown与HTML

Markdown从来都不是用来替代 HTML 的，也不是前端开发、写完整页面的。虽然现在的各种开源博客系统都是支持Markdown生成页面，但并不是为了替代HTML，Markdown的设计目的是方便写作的时候，标记格式、同时使标记格式后的纯文本，比起 HTML 源码，更有可读性。

Markdown语言展示的时候，可以转换成HTML语言，可以在浏览器之中转换，也可以在服务端转换，在Markdown之中，也可以使用HTML的语法。一般而言，我们使用的Markdown文本编辑器通过Markdown解析器 把Markdown格式的文本解析为HTML格式。此时，我们就可以看到具有HTML样式的文档了。

语法

标题

标题分为1级标题，2级标题，到6及标题，1及标题字号最大，6级标题字号最小。标题的标注符号是“#”，#和内容之间空格空开，使用1个空格即可，如 # hello就是一个一级标题的表示。一级标题使用1个#，二级标题使用2个#，一直到6级标题。在HTML之中使用<h1></h1>到<h6></h6>表示标题，效果和'#'相同。

文本

文本里面最常见的是斜体，粗体，删除线，下划线，列表(有序，无序)，超链接，引用，还有一些和文本配合使用的样式，比如空格，换行，横线。 斜体：hello world，世界和平，斜体使用**或者__，内容包裹在星号之间，内容与星号之间不要留空格。html之中使用<em>。

粗体：hello world， 世界和平，粗体使用****或者____，内容左右包裹两个星号，内容与星号之间不要留空格。html之中使用<b>或者<strong>。

删除线：hello world， 世界和平，删除线使用~~~~，内容左右包裹两个波浪号，内容与波浪号之间不要留空格。html之中使用<strike>或者<del>。

下划线：hello world， 世界和平，markdown并没有原生的下划线语法，如果需要使用可以使用html的<u>。

列表：分为有序列表和无序列表，有序列表使用数字+.表示，无序列表使用-短横线表示，都需要空一格才能展示，有序列表和无序列表各自都可以嵌套使用。

有序列表

无序列表

有序列表和无序列表组合使用

超链接：百度，使用''[]()''，[]里面写要展现的名字，小括号里面写url，html之中使用a标签，herf里面写url链接，百度。

引用：使用">"，如果有多行，可以将多个>放在每一行的开头一起使用，可以嵌套使用。

空格：普通的空格，我们可以使用space键即可，如果空格太多的话，就可以使用 是space空格，不换行，对于中文展示稳不稳定，比如行首空两格，也就是两个字用起来就不方便。 是半角空格，1/2个中文字符宽度， 是全角空格，1个中文字符宽度。

换行：直接使用enter即可，也可以使用<br>
就是换行。

横线："---"在单独的一行即可，也可使用<hr/>， 都要在单独的一行才能起作用。

其他

图片：和超链接很相似，使用![]()即可。[]之中写名字，不过写不写无所谓，()之中写url，本地的path或者是网络url都可以，本地path写相对url或者绝对url都可以。图片如果跟在一行文字之后，这个图片的宽度比较小，文字和图片可以容纳于一行，这个时候会把这行文字的height撑大，不太美观，看起来比较丑陋，我们可以另起一行，比如下面的第二个。

表格：表格使用 | 和- 完成，上面是表头，中间通过---完成分隔，每一个cell放一个内容，具体的展示效果如下

| 姓名 | 年龄 | 班级 | 专业 |
| ------------ | ------------- |------------- |------------- |
| 张三 | 23  | 三年级二班 | 计算机  |
| 李四 | 25  | 五年级八班 | 马克思理论  |

在---的左边添加: 表示左对齐，:---, :---:居中，---:右对齐

行内代码：使用两个“飘字符”把内容包裹起来即可，System.out.println("hello world!");

块级代码：行内代码是在同一行，块级代码是在多行，前后使用三个“飘字符”把内容包裹起来即可，在前面的票字符串可以设置代码类型，比如java，python，会有不同的颜色设置。

@Test    
public void helloTest() {
          String str1 = "hello";
          String str2 = "world!";
          System.out.println(str1 + str2);
}

任务清单：我们使用- [] 任务1 这种格式就可以表示出来，注意其中的空格，其中我们使用x填写在其中就可以完成任务。

Emoji：如果是Windows10系统，使用win + .就会弹出emoji表情，也可使用:xx:的方式，比如smile，100，diamond等，，?，等,这个需要系统和编辑器支持。

Video：直接使用<video>标签即可，其中的src写具体的视频的地址，绝对路径，相对路径，网络url都可以。

对于Bilibili这种，如果我们想使用其中的视频，可以直接分享里面获取代码，粘贴即可。

编辑器推荐

• windows：typora ，CuteMarkEd，haroopad，MarkdownPad
• macOS：typora ，Ulysses，iA Writer

Typora使用介绍

导出文档

1. 偏好设置 --> 导出设置 --> PDF/Html设置
2. 文件 -- > 导出

高亮

1. 高亮很多地方是一个方言， 在typora之中是需要开启的，开启的方法是文件 --> 偏好设置 -->markdown -->高亮
2. 重启之后生效，使用的时候，通过==xx== ，xx就是会变色的，编程高亮的模式。

设置Typora主题

我们可以使用官方主题，文件-->偏好设置---> 外观 -->获取主题，网址是：https://theme.typora.io/，下载我们想要的主题，然后解压放在C:\Users\你的用户\AppData\Roaming\Typora\themes目录下，重启即可。

自定义主题

可能还有一种情况，就是自带的，或者我们下载的第三方主题，都不满足我们的审美需求，这个时候，我们就可以自己去修改主题，修改主题需要有一定的html+css的基础。下面以高亮的样式为例，我们普通的时候高亮的样式是黄色的，我们可以修改。

1. 文件 -> 偏好设置 -> 通用 -> 高级设置 ->打开调试模式
2. 找到菜单栏 ->视图菜单
3. 打开开发者工具，也可以使用快捷键shift + F12
4. 使用选择按钮，找到我们要修改的文本，进行样式的调整
5. 找到<mark>，修改,<mark style="background:lightgreen;">发现样式修改了
6. 然后写入到我们对应的文件主题css文件，重启软件，检验效果达成

   mark{
       background:lightgreen;
   }