Markdown学习笔记(一)

本文最后更新于:2021年7月23日 晚上

Markdown学习笔记

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。设计之初是为了纯文本而设计的,所以比较简单,可以和HTML配合,可以让Markdown的功能得到拓展。本文是用Typora编写的。

一、Markdown 标题

语法: 使用”#“标记标题,一个**#**表示一个级数

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

注意:标记与内容间要加上空格

效果:

标题级数

二、Markdown 文字

语法:

1
2
3
4
5
6
7
8
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
//下划线可以通过HTML标签<u>来实现:
<u>带下划线的文字</u>
//脚注
[^要注明的内容]

效果:

标题级数

三、Markdown 区块

语法: 在文字前加”>“,可以嵌套

1
> 内容

效果:

标题级数

四、Markdown 分割线

语法: 用三个连续的”*“或者”-“都可以

1
2
3
4
5
***
---
******
------
//都可以打出分割线

注意:

单个的”-“或者”*“会被处理成列表

效果:


五、Markdown 列表

  1. 无序列表 语法: 用”-“或”+”或”*“加内容

    1
    2
    3
    - 列表内容
    + 列表内容
    * 列表内容

    注意:标记与内容间要加上空格

    效果:

    标题级数

  2. 有序列表 数字加点

    1
    number. 内容

    注意:标记与内容间要加上空格

    效果:

    标题级数

  3. 列表嵌套 在上一级敲回车,然后按下Tab键,或者Backspace键 有序和无需的列表都可以互相嵌套

    效果:

    标题级数

六、Markdown 超链接

  1. 显示链接名 语法:
    1
    2
    [链接名](超链接 超链接title)
    //超链接title可不写
    效果: 百度
  2. 直接显示链接 语法:
    1
    <超链接>
    效果: <www.baidu.com>
  3. 高级链接 链接可以用变量来表示,文档末尾附带变量地址。
    1
    2
    3
    4
    5
    6
    7
    8
    这个链接用1作为网址变量:[Baidu][1]
    这个链接用quosimodo作为网址:[Quosimodo][quosimodo]
    然后这个文档的结尾为变量赋值
    赋值方式:
    [变量名]: 链接
    例子:
    [1]: http://www.baidu.com
    [quosimodo]:http://quosimodo.cn
    效果: 这个链接用1作为网址变量[Baidu][1]
    这个链接用quosimodo作为网址[Quosimodo][quosimodo] [1]: http://www.baidu.com
    [quosimodo]:https://www.quosimodo.cn

七、Markdown 图片

语法:

1
2
3
![图片alt](图片地址 图片title)
//alt就是显示在图片下方的文字,相当于图片的描述
//title是图片的标题,当鼠标移动到图片上时显示的内容,tilte可加可不加

目前Markdown还不能控制图片大小,但可以通过html的<img>标签实现

1
<img src="https://gitee.com/quosimodo/ImageHost/raw/master/img/20210711184940.jpeg" alt="alt" title="树叶" style="zoom:50%;" />

效果: alt

八、Markdown 表格

语法:

1
2
3
4
5
6
7
8
9
10
11
表头表头表头
-:-:-:
内容内容内容
内容内容内容

第二行分割表头和内容。
- 有一个就行
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 包起来

效果: Typora在创建表头后回车会自动生成表格,对齐方式等可以直接选择,行数和列数也可以很方便的调整。

九、Markdown 代码

  1. 单行标记 语法: 代码之间用一个反引号引起来(PS:反引号在ESC键的下方,是一个英文字符,中文字符都是无效的)
    1
    `Code`
    效果: 代码内容
  2. 代码块 语法: 代码之间分别用三个反引号包起来,且两边的反引号单独占一行,代码块还可以选择语言。
    1
    2
    3
    4
    5
    ```
    code...
    code...
    code...
    ​```
    效果如上所示 Typora上打了三个反引号回车就会生成一个代码块,可以选择语言种类。可以在换行前写代码的语言种类
    1
    ```语言类型(此处回车即可)

十、Markdown 流程图

1
2
3
4
5
6
7
8
9
```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

效果:

1
2
3
4
5
6
7
8
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

十一、Markdown 高级技巧

  1. 支持的 HTML 元素 不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。 目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等 ,如:
    1
    使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
    效果: 使用 Ctrl+Alt+Del 重启电脑
  2. 转移字符 因为Markdown使用了一些特殊符号,所以这些符号要正确的显示就要在符号前加上\来转义以正确的显示字符。 Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
       反斜线
    ` 反引号
    * 星号
    _ 下划线
    {} 花括号
    [] 方括号
    () 小括号
    # 井字号
    + 加号
    - 减号
    . 英文句点
    ! 感叹号
  3. 公式 (这个我也不会) 当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:
    1
    2
    3
    4
    5
    6
    7
    8
    $$
    \mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
    \mathbf{i} & \mathbf{j} & \mathbf{k} \\
    \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
    \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
    \end{vmatrix}
    {\style{visibility:hidden}{(x+1)(x+1)}}
    $$
    效果:

文章内容引自简书和runoob,由本站整理并收集,如有侵权,请告知! 文章内容未经同意禁止转载。


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!