应该知道的一些Markdown语法

时间 2019-12-14

原文原文链接

目录php

快速输入标题

# H1(一级标题)
## H2(二级标题)
### H3(三级标题)
#### H4(四级标题)
##### H5(五级标题)
###### H6(六级标题)

渲染出的效果以下:
css

斜体和粗体，删除线

*斜体*
**粗体**
~~删除线~~

渲染出的效果以下:
斜体
粗体
~~删除线~~html

分隔线

下面三种方式均可以实现分隔线,当遇到分隔线不起做用时候，上下加上空行便可java

* * *
    
    - - -
    
    ---

外连接

[个人博客](http://www.cnblogs.com/xwwin/, "进入博客")

渲染出的效果以下:编程

个人博客小程序

无序列表

使用 *，+，- 表示无序列表。后端

* 无序列表项1
* 无序列表项1
* 无序列表项1

+ 无序列表项2
+ 无序列表项2
+ 无序列表项2

- 无序列表项3
- 无序列表项3
- 无序列表项3

渲染出的效果以下:markdown

无序列表项1
无序列表项1
无序列表项1编程语言
无序列表项2
无序列表项2
无序列表项2工具
无序列表项3
无序列表项3
无序列表项3

有序列表

使用数字和点号表示无序列表。

1. 无序列表项1
2. 无序列表项2
3. 无序列表项3

渲染出的效果以下:

无序列表项1
无序列表项2
无序列表项3

定义型列表

定义型列表由名词和解释组成。一行写上定义，紧跟一行写上解释。解释的写法:紧跟一个缩进(Tab)

Markdown
:   轻量级文本标记语言，能够转换成html，pdf等格式（左侧有一个可见的冒号和四个不可见的空格）

渲染出的效果以下:

插入图片

使用 ![描述](图片连接地址) 插入图像。

![博客园logo](https://www.cnblogs.com/images/logo_small.gif)

渲染出的效果以下:

文字引用

> 野火烧不尽，春风吹又生。
> >讲的是野草的顽强不息

渲染出的效果以下:

标签分类

用在文章首行才起做用

标签： js css html
Tags： java php .net

表格

冒号的位置决定对齐方式

冒号在制表头的左端，就是左对齐；
冒号在在制表头的右端，就是右对齐；
冒号在在制表符两端都有，就是居中对齐；

|姓名|性别|年龄|分数|
|---|:---:|:---|---:|
|张三|男|8|60|
|李四|女|20|90|

渲染出的效果以下:

姓名	性别	年龄	分数
张三	男	8	60
李四	女	20	90

行内代码块

`<div>Hello markdown</div>`

渲染出的效果以下:
<div>Hello markdown</div>

代码段

支持四十一种编程语言的语法高亮的显示，支持行号显示

``` html
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <title>Document</title>
        </head>
        <body>
            <div>Hello markdown</div>
        </body>
        </html>
    ```

渲染出的效果以下:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <div>Hello markdown</div>
    </body>
    </html>

注脚

使用[^keyword]表示注脚,切记定义与使用之间须要有空行。

[^1]:这是注脚1的解释
这是一个注脚[^1]的样例
[^2]:这是注脚2的解释
这是一个注脚[^2]的样例

渲染出的效果以下,点击脚注可跳转到页尾说明页:

这是一个注脚¹ 的样例

这是一个注脚² 的样例

待办事宜 Todo 列表

使用带有- [ ]或 - [x] （未完成或已完成）项的列表语法撰写一个待办事宜列表

- [ ] 答题小程序开发
    - [x] 静态布局
    - [x] 页面交互效果
    - [ ] 数据连调
    - [ ] 再先后端交互
    - [ ] 上线事宜

渲染出的效果以下：

显示当前文章的目录

在段落中填写``以显示全文内容的目录结构

[TOC]

渲染出的效果见最前面的目录

注:本文是基于cmd markdown工具编写，部分语法在博客下显示异常,用图片代替,推荐你们用cmd markdown书写
cmd markdown在线版
 cmd markdown下载

这是注脚1的解释↩
这是注脚2的解释↩