第一篇文:就练习一下markdown的语法吧。

189 阅读2分钟

1.标题

用 # + 空格 + 文字内容


其中一级是一个#,几级就是几个#,最大六级

2.列表

无序列表用 * + 空格 + 内容
有序列表用 1(数字) + 点 + 内容

2.1无序列表

  • 列表1
  • 列表2

2.2有序列表

  1. 有序1
  2. 有序2

3.引用

用 > + 空格 + 内容


如果需要换行直接在换行处加上 \ ,多层嵌套可以用在下一行用两个 > 操作

4.行内标注

用 ` 符号来将代码块变成一行

这是一句演示 标注 在内

5.代码块

用 ``` 来包含

<div>
    <span>span标签</span>
</div>

5.1自定义语法代码块

在 ```后直接跟语言名称(显示的代码块自动高亮)

    var num = 0;
    for (var i = 0; i < 5; i++){
        console.log(i);
    }

6.链接和图片

用 [名称](链接地址)表示链接
用![图片标题](图片链接)表示图片

例如: vue的官网地址 vue官网


示例图片

示例

7.表格

: 代表对齐方式, : 和 | 之间不要有空格,否则对齐会有写不兼容

代码

    |   a  |   b   |   c   |
    |:----:|:------|------:|
    | 居中 | 左对齐 | 右对齐|
    |======|===    |=====  |

演示

a b c
居中 左对齐 右对齐
====== === =====

8.内联样式

<p style="color: #AD5D0F";font-size: 30px; font-family: '宋体';>内联样式</p>

演示

内联样式

9.语义标记

描述 效果 代码
斜体 斜体 *斜体*
斜体 斜体 _斜体_
加粗 斜体 **斜体**
加粗+斜体 斜体+斜体 ***斜体***
删除线 删除线 ~~删除线~~

10.标签语义

描述 效果 代码
斜体 斜体 <i>斜体</i>
加粗 加粗 <b>加粗</b>
强调 强调 <em>强调</em>
上标 22 2<sup>2</sup>
下标 22 2<sub>2</sub>
键盘文字 ctrl <kbd>ctrl</kbd>
换行 无法演示 空格+空格+ 回车

11.分割符

代码

***
---
* * *

演示




未完待续....