30分钟带你通关Markdown|青训营笔记

343 阅读4分钟

这是我参与「第四届青训营 」笔记创作活动的的第3天

30分钟带你通关Markdown

大家好,这里是刚刚睡醒的Vic,睡醒看到有同学反映并不熟悉Markdown语法,因此决定写下这篇文章来帮助大家快速上手Markdown。

Markdown编辑器的推荐

工欲善其事必先利其器,首先进行编辑器的推荐。

Markdown有很多的编辑器,个人目前使用的编辑器是Typora。需要注意的是,这个编辑器是需要收费的,89元,支持三台设备。老实说,定价有些偏高了。如果想要使用这个软件可以使用1.0.0以前的版本,然后取消更新,但是可能存在一些BUG,需要注意。

除此之外,个人使用的另一款编辑器也就是我们常用的vscode编辑器,在vscode中进行Markdown的编写,推荐安装如下两个插件:“Markdown All in One” 和 “Markdown Preview Enhanced”。

如果小伙伴们有什么好用的Markdown编辑器,也欢迎在评论区进行留言。

Markdown 基础

首先声明,本文面向对刚刚上手Markdown的新人,因此采用的是兼容性最好的写法,像一些兼容性可能存在问题的写法在本文中并不介绍。

标题

Markdown支持六级标题,分别对应着HTML标签中的 h1 ~ h6。其使用方法如下:

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

在这里补充一下个人的一些建议,一般来说,我不建议使用标题超过四级标题,原因是这样之后生成的标题不够美观,且目录过于臃肿。

段落

在Markdown中的段落十分简单,前后保留一个空行即可。

区块引用

区块的引用使用特殊符号>置于段首。

> 这是一个区块引用
> 
> 使用的语法很简单

效果展示:

这是一个区块引用

使用的语法很简单

插入链接或图片

[vue.js](https://v3.cn.vuejs.org/)

![vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e41b4f8cbf6c4dae96975a5b3056a4d4~tplv-k3u1fbpfcp-zoom-1.image)

效果如下:

vue.js

vue

列表

无序列表

* 苹果
* 香蕉
* 哈密瓜

有序列表

1. 吃饭
2. 睡觉
3. 打豆豆

多级列表

* 一级列表1
    * 二级列表1
        1. 三级列表1
        2. 三级列表2
        3. 三级列表3
    * 二级列表2
    * 二级列表3
* 一级列表2
* 一级列表3

效果如下:

无序列表

  • 苹果
  • 香蕉
  • 哈密瓜

有序列表

  1. 吃饭
  2. 睡觉
  3. 打豆豆

多级列表

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

分割线

---

***

效果展示:



加粗和斜体

*斜体*

_斜体_

**加粗**

__加粗__

效果展示:

斜体

斜体

加粗

加粗

Markdown进阶

下面是一些进阶的操作。

插入代码

插入代码分为两种,一种是短代码,一种是代码块,用法如下:

短代码

`短代码`

效果如下:

短代码

代码块

写在前面:由于本文也是Markdown写的,因此在文本中使用`的时候,我输入的是\`,因此在下面的代码块中请将\`在实际使用中换成`

\`\`\`要使用的语言
目标代码块
\`\`\`

效果如下:

目标代码块

表格

语法如下,设置对齐方式的关键就在于:的位置:

左对齐|居中|右对齐
:---|:---:|---:
内容1|内容2|内容3

效果如下:

左对齐11111居中111111右对齐111111
内容1内容2内容3

特殊符号处理

特殊符号的处理在符号前加上/即可。

插入数学公式

按照此文档现查即可(主要是用到太少了),你会记吗?反正我是不会的。

是不是很诧异,我今天没插表情包?

别急,让表情包飞一会儿。

19261E72.gif

是不是很奇怪,我怎么弄的表情包居中?

写在最后

Markdown里面是可以写HTML的,所以说,当你想要一些字体颜色或段落样式的时候,完全可以用HTML标签将内容包裹,然后采用内联式样式来进行格式的设置。

是不是很简单。

19290ADC.gif