阅读 104

markdwon常用语法

什么是markdwon?

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown。

Markdown 应用

Markdown 能被使用来撰写电子书,如:Gitbook。 当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。

语法

标题

在想要设置为标题的文字前面加 #来表示 标题和html的标题类似,一共有6个标题

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

他们用markdwon的语法为:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
复制代码

字体

  • 加粗

要加粗的文字左右分别用两个*号包起来

  • 斜体

要倾斜的文字左右分别用一个*号包起来

  • 斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

  • 删除线

要加删除线的文字左右分别用两个~~号包起来 示例:

**加粗的文字**
*倾斜的文字*`
***斜体加粗的文字***
~~加删除线的文字~~
复制代码

效果:

加粗的文字

倾斜的文字`

斜体加粗的文字

加删除线的文字

分割线

用三个或者三个以上的 -或者 *

示例:

---
----
***
*****
复制代码

效果:





列表

有序列表

语法: 用 - + *任何一种都可以,符号跟内容之间要有空格。 示例:

- 无序列表内容
+ 无序列表内容
* 无序列表内容
复制代码

效果:

  • 无序列表内容
  • 无序列表内容
  • 无序列表内容

无序列表

语法: 数字加点 序号跟内容之间要有空格 示例:

1. 列表1的内容
2. 列表2的内容
3. 列表3的内容
复制代码

效果:

  1. 列表1的内容
  2. 列表2的内容
  3. 列表3的内容

列表嵌套

语法: 和html嵌套类似,这里 上一级和下一级之间三个空格即可

文字引用

语法:在引用的文字前加 >;引用也可以嵌套 示例:

>引用的内容
>>引用的内容2
>>>这是引用的内容3
//这里的>可以有n个一直的嵌套下去
复制代码

效果:

引用的内容

引用的内容2

这是引用的内容3

超链接

语法:

[超链接名的名称](超链接的地址 "超链接的title")

title就是鼠标移动到超链接上面的提示的内容,可加可不加
复制代码

示例:

[程序思维](http://www.lucklnk.com "前端干货多多")

[DataV](http://datav.jiaminghi.com/ "Vue炫酷大屏数据展示组件库")
复制代码

效果:

程序思维

DataV

图片

语法:

![图片的alt](图片的地址 "图片的title")

//图片的alt:就是显示在图片下面的文字,对图片内容的进行解释。
//图片的title:就是是图片的标题,当鼠移动到图片上时显示的内容,title可加可不加,和上面超链接的用法一样
//
复制代码

示例:

![DataV组件库的Demo](https://user-gold-cdn.xitu.io/2019/10/9/16daf5380e685d64?w=820&h=461&f=jpeg&s=26606 "Demo截图")
复制代码

效果:

DataV组件库的Demo
Demo截图

表格

语法:

|表头|表头|表头|
|---|:---:|---:|
|内容|内容|内容|
|内容|内容|内容|
// 第二行用于分割表头和内容。
// - 有一个即可,通常为了对齐,可以多加几个
对齐方式:
文字默认居左
两边加`:`表示文字居中
左边加`:`表示文字居右
复制代码

示例:

|商品名称|商品数量|商品单价|
|---|:---:|---:|
|手机|1|1580元|
|笔记本|3|5800元|
复制代码

效果:

商品名称 商品数量 商品单价
手机 1 1580元
笔记本 3 5800元

代码

单行代码

语法: 代码之间分别用一个反引号包裹 示例:

`单行代码的内容`
复制代码

效果: 单行代码的内容

多行代码(代码块)

语法: 代码前后分别用三个反引号包起来,并且两边的反引号单独要占一行 示例:

[```]
  module.exports = function() {
    let hello = document.createElement('div');
    hello.innerHTML = "欢迎大家来到程序思维学习";
    return hello;
  };
[```]

注:上面的[]是为了转义加上去的,用于演示
复制代码

效果:

 module.exports = function() {
    let hello = document.createElement('div');
    hello.innerHTML = "欢迎大家来到程序思维学习";
    return hello;
  };
复制代码