应该知道的一些Markdown语法

目录

  • 快速输入标题
  • 斜体和粗体,删除线
  • 分隔线
  • 外链接
  • 无序列表
  • 有序列表
  • 定义型列表
  • 插入图片
  • 文字引用
  • 标签分类
  • 表格
  • 行内代码块
  • 代码段
  • 注脚
  • 待办事宜 Todo 列表
  • 显示当前文章的目录

快速输入标题

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

渲染出的效果如下:
应该知道的一些Markdown语法_第1张图片


斜体和粗体,删除线

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

渲染出的效果如下:
斜体
粗体
删除线


分隔线

下面三种方式都可以实现分隔线,当遇到分隔线不起作用时候,上下加上空行即可

    * * *
    
    - - -
    
    ---
    




外链接

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

渲染出的效果如下:

我的博客


无序列表

使用 *,+,- 表示无序列表。

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

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

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

渲染出的效果如下:

  • 无序列表项1
  • 无序列表项1
  • 无序列表项1

  • 无序列表项2
  • 无序列表项2
  • 无序列表项2

  • 无序列表项3
  • 无序列表项3
  • 无序列表项3


有序列表

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

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

渲染出的效果如下:

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

定义型列表

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

Markdown
:   轻量级文本标记语言,可以转换成html,pdf等格式(左侧有一个可见的冒号和四个不可见的空格)

渲染出的效果如下:
应该知道的一些Markdown语法_第2张图片


插入图片

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

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

渲染出的效果如下:
博客园logo


文字引用

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

渲染出的效果如下:

应该知道的一些Markdown语法_第3张图片


标签分类

用在文章首行才起作用

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

表格

冒号的位置决定对齐方式

  • 冒号在制表头的左端,就是左对齐;
  • 冒号在在制表头的右端,就是右对齐;
  • 冒号在在制表符两端都有,就是居中对齐;
|姓名|性别|年龄|分数|
|---|:---:|:---|---:|
|张三|男|8|60|
|李四|女|20|90|

渲染出的效果如下:

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

行内代码块

    `
Hello markdown
`

渲染出的效果如下:

Hello markdown


代码段

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

    ``` html
        
        
        
            
            
            
            Document
        
        
            
Hello markdown
```

渲染出的效果如下:

    
    
    
        
        
        
        Document
    
    
        
Hello markdown

注脚

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

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

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

这是一个注脚1 的样例

这是一个注脚2 的样例


待办事宜 Todo 列表

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

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

渲染出的效果如下:

应该知道的一些Markdown语法_第4张图片


显示当前文章的目录

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

[TOC]

渲染出的效果见最前面的目录
应该知道的一些Markdown语法_第5张图片


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


  1. 这是注脚1的解释↩

  2. 这是注脚2的解释↩

你可能感兴趣的:(应该知道的一些Markdown语法)