原创

Markdwon 基础语法

Markdwon 是一种轻量级 标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以 HTLM 格式发布。Markdown 也可以理解为将以 MARKDOWN 语法编写的语言转换成 HTML 内容的工具。

标题

Markdown 支持 6 种级别的标题,对应 html 标签 h1 ~ h6

示例:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

字体

加粗 左右两个
斜体 左右一个
斜体加粗 左右三个
删除线 左右两个~*

示例:

**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:
这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字


引用

一个>即可,也可以加 2、3、4 n 个

示例:

>这是引用的内容
>>这是引用的内容
>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容


分割线

三个或者三个以上的 - 或者 * 都可以

示例:

---
----
***
*****

效果如下:





图片

示例:

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 '可选标题')

效果如下:
alt 属性文本


超链接

 [链接名称](链接地址)
或者
<链接地址>

示例:

打开超链接 [云雀Coding博客](http://www.xf98.top/)

效果如下:
打开超链接 云雀Coding博客


列表

Markdown 支持有序列表和无序列表。

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记:

示例:

+ 第一项
+ 第二项
+ 第三项

效果如下:

  • 第一项
  • 第二项
  • 第三项

有序列表使用数字并加上 . 号来表示:

1. 第一项
2. 第二项
3. 第三项

效果如下:

  1. 第一项
  2. 第二项
  3. 第三项

列表嵌套

1. 第一项:
   - 第一项嵌套的第一个元素
   - 第一项嵌套的第二个元素
2. 第二项:
   - 第二项嵌套的第一个元素
   - 第二项嵌套的第二个元素

效果如下:

  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
- 两边加:表示文字居中
- 右边加:表示文字居右

注:原生的语法两边都要用 | 包起来。此处省略

示例:

| 左对齐     |  居中对齐  |     右对齐 |
| ---------- | :--------: | ---------: |
| 单元格内容 | 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 | 单元格内容 |

效果如下:

左对齐 居中对齐 右对齐
单元格内容 单元格内容 单元格内容
单元格内容 单元格内容 单元格内容
单元格内容 单元格内容 单元格内容

代码

单行:一个反引号包起来
代码块:三个反引号包起来,且两边的反引号单独占一行

示例:

`console.log('hello world !')`

``` js
  function hello(){
    console.log('hello world !');
  }
  hello();
```;

效果如下:

console.log('hello world !')

  function hello(){
    console.log('hello world !');
  }
  hello();

支持 HTML 元素

示例:

<div style="color:red;fontSize:24px;">支持 HTML 元素</div>

效果如下:

支持 HTML 元素
正文到此结束
该篇文章的评论功能已被站长关闭