博客列表 >MarkDown 基本语法

MarkDown 基本语法

在路上的博客
在路上的博客原创
2019年09月02日 21:59:12660浏览

Markdown是一种纯文本格式的标记语言,可以轻松转为HTML文档

MarkDown 基本语法1. 分级标题2. 文本修饰 3. 链接标记 3.1 行内式3.2 参考式3.3 自动链接4. 锚点标记5. 列表5.1 无序列表5.2 有序列表5.3 定义列表5.4 任务列表6. 引用标记7 图像标记7.1 行内式7.2 参考式8. 表格标签9. 分隔线10. 代码标记10.1 行内式10.2 代码块11. 流程图

1. 分级标题

# : 一级标题

##:  二级标题

###:  三级标题

####:  四级标题

#####:  五级标题

######:  六级标题

标记与文本之间有一个空格, [TOC]标记会把所有的标题写到目录大纲中

2. 文本修饰

文本修饰主要有粗体, 斜体, 删除线等, 标记与文本之间不能有空格

**粗体文本**: 粗体, MarkDown

*斜体文本*: 斜体, MarkDown

***加粗斜体文本***: 粗体+斜体, MarkDown

~~删除线~~: 删除线文本, 原价999

3. 链接标记

有行内式与参考式二种, 其中, 行内式使用最多

3.1 行内式

[alt文本](href地址  "title文本"):  等价于<a hef="" alt="" title="">***</a>title文本可选

例如: [京东](https://www.jd.com/): 京东,  淘宝, 鼠标放在淘宝上试试看

最终都会被转为html中的<a>标签: <a href="..." alt="..." title="..."

3.2 参考式

如果需要在一个文档中, 多次引用一个链接,可以使用参考式,对链接进行统一管理

参考式语法: [链接文本][链接标识], 如 [京东][1], 表示链接标识为1代表京东链接

举例: 我经常去的购物网站有: [京东][1], [淘宝][2], [拼多多][3],显示结果:京东, 淘宝, 拼多多

如果链接文本,本身就是链接标识,可以省略链接标识[我的博客][]

通常在文未统一声明这些链接:

[1]:https://jd.com "***低价,***保障"

[2]:https://taobao.com "淘!我喜欢"

[3]:https://https://www.pinduoduo.com "新电商开创者"

[我的博客]:https//blog.php.cn

3.3 自动链接

<url/email地址>: 自动转为url地址或emal

<https://php.cn>: https://php.cn

<peter@php.cn>: peter@php.cn

4. 锚点标记

目前只支持在标题后面添加锚点标记

## 标题文本{#index}:

跳转到[文本修饰](#index)

5. 列表

与html标签类似, 也有无序列表, 有序列表,定义列表三类

5.1 无序列表

使用* , +, -中的任何一个符号,都可以定义一个无序列表项

*: * list-item1, 推荐

+: + list-item

-: - list-item

5.2 有序列表

有序列表要求使用数字+英文句点+空格+列表项

1. 有序列表项1

2. 有序列表项2

3. 有序列表荐3

5.3 定义列表

语法:

HTML
:   超文本标记语言

CSS
:   CSS层叠样式表

注意,  你的MarkDown编辑器不一定支持

5.4 任务列表

语法:

[X] 第一项工作
[X] 第二项工作

示例

[x] 第一项工作

[x] 第二项工作

[] 第三项工作

6. 引用标记

语法: > 引用的文本内容

引用文本

可以嵌套引用文本

更深一级的引用

引用文本中可以添加其它的Markdown的标记,如标题,列表,代码等

第一章: 大闹天宫

孙悟空当上了弼马温

美猴王大闹蟠桃宴

echo 'Hello World~~';

 

7 图像标记

与链接标记类似,也有行内式和参考式等几种

7.1 行内式

语法: ![alt文本](图像地址 "title")

举例: ![女朋友](images/girl.jpg "氧气美女")

7.2 参考式

语法: ![alt文本][标记], 在其它地方统一设置它, 语法与链接标记是一样的

![女朋友][1]
...

[1]:images/girl.jpg "氧气美女"

8. 表格标签

基本语法

第一行为表头,第二行分隔表头和主体部分,第三行开始每一行为一个表格行

列于列之间用管道符 | 隔开。原生方式的表格每一行的两边也要有管道符|

第二行还可以为不同的列指定对齐方向。默认为左对齐,在-右边加上:就右对齐

示例

 

用户ID

邮箱

级别

 

1001    1787727344@qq.com    8    

1004    peter@php.cn    1    

9800    398993420@qq.com    9    

9. 分隔线

在一行使用三个以上的***, ---, ___, 可创建一条分隔条, 这些标记之间可以有空格

推荐使用---, 长度最好与当行最长的文本行一致, 显示排版整齐

10. 代码标记

代码有二种方式添加到文档中, 一种是行内式, 一种是代码块

10.1 行内式

行内代码,适用于只有一行代码,或者需要使用代码标注的文本,用一个反引号表示

例如: 获取页面元素的方式是: const ele = document.getElementById('box')

10.2 代码块

大段多行的代码,适合使用代码块来定义

代码块使用三个反引号开始, 可以在反引号后面跟上编程语言名称

<!doctype html>
<html lang="en">
 <heac>
  <meta charset="utf-8">
  <title>默认标题</title>
 </head>
 <body>
   ....
 </body>
</html>

11. 流程图

关于流程图, 每种编辑器实现的方式与语法是有差别的

开始My OperationYes or No?Endyes

作者: php中文网  朱老师(peter zhu)

By: 第八期学员Robin

 

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议