Markdown怎么用?

2019-06-07  本文已影响0人  易路先登

Markdown语法,在普通的文本编辑时插入特定符号即可解析为有一定样式的页面,使用起来非常方便。下面介绍一下这些符号:

标题#

为减少解析难度Markdown语法的特殊符号一般都在行首生效
# 文本 在行首以#空格加文本 会被解析为标题 一个#会被解析为1号标题,如下:

文本

两个#空格加文本会被解析为2号标题,# 文本如下:

文本

最多可有6个#,因为标题就是1-6号

列表 -/*

无序列表

- 文本 -号空格文本 该文本会被解析为无序列表中的一项,多个项就构成一个无序列表,如下:

有序列表

1. 文本 数字加文本会被解析为有序列表的一项,多个项构成一个有序列表,如下:

  1. 文本
  2. 文本
  3. 文本

超链接

[超链接文本](超链接地址)[百度](http://www.baidu.com),效果如下:
百度

图片

[图片下载失败时显示的字符]![百度](https://img.haomeiwen.com/i18116797/53632fc3861595d6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
效果如下

  1. 成功加载


    18116797-9bb1df445e323552.png
  2. 图片下载失败显示百度

斜体粗体

*文本* **号中间的文本 被解析为斜体,效果如下:
文本
**文本** ** **中间的文本被解析为粗体,效果如下:
文本
***文本***左右三个*中间的文本被解析为粗体和斜体,效果如下:
文本

注意,*可以在行内使用

引用

>文本 >号后面的文本会被解析为引用,效果如下:

鲁迅说:真正的猛士敢于直面惨淡的人生和淋漓的鲜血

代码块

1行内代码块

左右使用1个反引号`(英文状态的~键)包含的文本将被解析为代码,如 `javascript` 解析效果如下:
有人说:javascript编程人员是真正的猛士

2多行代码块

使用三个反引号包含文本 ``` 多行文本 ```即可,如:

```
  var canvas = document.getElementById("kycanvas");
  var inputText = document.getElementById("inputText");
  var ctx = canvas.getContext("2d");
```

解析效果如下:

  var canvas = document.getElementById("kycanvas");
  var inputText = document.getElementById("inputText");
  var ctx = canvas.getContext("2d");

表格

|线包裹的四个列被解析为普通的文本
|columna|columnb|columnc|columnd|
如果在该列下加对应的一行|---|---|---|---|,这样写:
|columna|columnb|columnc|columnd|
|---|---|---|---|
上面的文本会被解析为表格,效果如下:

columna columnb columnc columnd

添加一行数据
|columna|columnb|columnc|columnd|
|---|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

另外在|---|中输入:可以调节表格中格子内容的居中,以上面表格中的列1示例

1左对齐

|columna|columnb|columnc|columnd|
|:---|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

2居中对齐

|columna|columnb|columnc|columnd|
|:---:|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

3右对齐

|columna|columnb|columnc|columnd|
|---:|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

注意,如果想显示n个反引号` 那么左右使用n+1个反引号`包含即可

`` ` ``,则解析为 `

上一篇 下一篇

猜你喜欢

热点阅读